Force graphics/text to stay at the top?

[AllenCW]

If someone has there monitor set at 800 x 600, the “contact” and “blog” drops to the second line. Or, if someone has there monitor set at 1024 x 768 and the browser only half open, the “contact” and “blog” drops to the second line.

How can I force the top graphics (or text) to stay at the top?.......I’m guessing it’s a code that’s missing in my header.

The website is www.allenwaterford.com (http://www.allenwaterford.com/)

Thank you,

Allen

[jfriend]

Technically, the answer to your question is that you just need to put that top stuff into a DIV tag and then use CSS to set it's width so it won't wrap.

But, before we can do that, you have a bunch of HTML that needs to get fixed up.

First, you have
<div align="center"> at the start of your header and have no matching </div> in the header. Every <div> you add should have a match </div>.

In this case, I'd suggest you make it like this:

<div id="myHeader" align="center">

and then put

</div>

after your header HTML.

Second, you are using bits of HTML from a table (<td> tags), but aren't using a table and don't need a table. You should just remove those.

Third, if you've done the above, you can add this CSS to your site-wide-customization to set the width of your header:

#myHeader {width: 1025px; margin: 0 auto;}

FYI, you have designed a very wide top of the screen that requires >1000 pixels of viewing area to function properly. It would be better if it fit into 750 or 800 pixels.

[AllenCW]

Ok, I just made the changes.......did I do it right?

Also, you say "FYI, you have designed a very wide top of the screen that requires >1000 pixels of viewing area to function properly. It would be better if it fit into 750 or 800 pixels". Since you are much more experienced with websites than I, please reply with the advantages and disadvantages of keeping it within certain pixels range.........your feedback and help is greatly apprciated!

Allen

[jfriend]

Ok, I just made the changes.......did I do it right?

Also, you say "FYI, you have designed a very wide top of the screen that requires >1000 pixels of viewing area to function properly. It would be better if it fit into 750 or 800 pixels". Since you are much more experienced with websites than I, please reply with the advantages and disadvantages of keeping it within certain pixels range.........your feedback and help is greatly apprciated!

Allen The changes look good to me.

I was just referring to the fact that there will be viewers who hit your site with less than a 1000 pixel wide viewing area inside their browser window. If some of your header is obscured for them, that's not ideal. A width of 800 pixels is a much safer design. The way you have it works OK. Worst case, they'd have to horizontal scroll to see or click on your blog link if their window wasn't very wide. It's not a big deal, just something to consider.

[AllenCW]

That makes sense....so if someone had their screen set at 800x600 the scroll bar would appear at the bottom..........I would think that could be annoying.

Thank you, I will be making the change shortly.

Allen