Hello to all! I hope someone can help.

I have this template that I have to use to build a website (replacing my old, horrible website). I really need to use this template because it matches my current blog template (on word press).

Here is the problem: Part of this template (the grey area) covers my search area. I have no idea how to fix this. You can see this template and problem at http://www.secretsofwealthandprosperity.com/test.html What I am trying to do, is make the template look like my blog at http://www.secretsofwealthandprosperity.com/MyBlog (except I want to keep the buttons centered on the template)

I am ussing Microsoft Expression to build this website (I just got Expression), and I am very new to building websites. But I am trying hard to learn and become proficient (still a beginer though). I tried to copy the header from my blog over to the template; that only messed it up more.

I have been staring at code and I can't figure it out (still new). I also wrote a letter to the website author (no response), and posted on the authors forum (and recieved no response that was helpful in this area).

If someone could help me here I would be very greatful! Thank you very much!

You are obviously using IE7 to look at this - Firefox and IE6 seem to work fine with the site. I don't know what the fix is, but I recommend you use Firefox when developing web sites as it displays things as it's meant to - it's standards compliant. Develop in Firefox, fix for Internet Explorer. That's my motto.

I will get Firefox, thanks! How do I fix for Internet Explorer?

class="gboxtop" style="height: 21px"

Take out the style="height: 21px;" part.

This template will also cause you deeper issues down the road for two reasons:

1) It's "sponsored" (someone gave it to you for free in exchange for a link on the bottom). This is something that among others, big G tends to frown on since it's considered a manipulation of inbound links and search engines by extension.

2) It breaks up quite significantly (particularly the header) as it's resized in Firefox.

If that doesn't work, try form { display: inline ).

Is that thing concerning the links in the footer true Adam? If so, I may consider adding a nofollow link to all the templates.

Dan

Thank you for the response Adam! I tried taking out the "height: 21px;" part, but no dice.
Where exactly do I put the { display: inline ).

Thanks!

Create a new bit of CSS in your file for the HTML tag, form. Just add this on to the CSS file:

form {display: inline;}

That should do what Adam's said.

Dan

Ok I tried placing that code in the CSS file. I placed the code under /* misc */ ; /* grey subheader */ ; /* header */ ; /* headings */ . I tried them separately, one at a time. No luck. I didn’t see a HTML tag area.

Again I am really new at this (working to learn as much as I can), and I may just be misconstruing your instructions. But if I am doing it right; sorry it didn’t work.

This thing is driving me crazy. I know it will work, and I really like the template and the match to my blog

Works fine in FF, but it does look bad in IE. I don't have time to figure out why at the moment, but use this to play with different attributes until you can get it right. Try giving the div with your form a z-index if you need to, but that's really not an ideal solution.

Edit: This is really an html question, and the forum dedicated to html gets more traffic ... someone else will probably come along with the answer, so I'm moving this from the coding to html forum.

Thank you! I hope I can get this figured out. Oh, and if it helps I got the template from http://www.solucija.com/home/css-templates/ . It is called the "Internet Sharing" Template. You can see even in their demo mode (if you are ussing IE7) the template is broken up.

I wouldent have even bothered with this, if it wasent that the template matches my blog, and I really see potential in what I can do with this template. If I can only get it to work.

Thank you all again for all of your continued help, you guys are great!

I fixed it! Thank you all for your help, but I got it figured. It turned out I needed to do was put <p>&nbsp;</p> above <div class="gboxtop"></div>.

Thank you all again for all of your help! You are all stellar!

That shouldn't have worked. An empty paragraph (or a paragraph with a non-breaking space) usually implies that there's something pretty wrong.