Hi JonMarc, Thank you for the reply. I had considered the colored background to each li or a, but wasn't sure what to do when the menu ended. I think I need to try it and see what problems I run into. (The menu is absolutely positioned already.)
Thanks! Riva JonMarc Wright wrote: > You could use absolute positioning and left margins to make sure that > the text always starts in the right place, but then the header > wouldn't be liquid like the body of your site. > > getting it to look okay in both 800 x 600 and 1024 x 768 isn't that > difficult, but getting it to look right when text size is bumped up or > down, or with window resizing below 800 pixels wide is where it gets > tricky. > > just at a glance and without too much thought, it would seem like the > best thing to do would be to make only the top row of colored boxes be > the background image, then use background colors (or images if you'd > like) on the second row. each link would then be given a declared > with which would be the same as the image width, and each a (or it li) > would be given the padding to keep it separated by the same amount of > space. they would then lay out horizontally next to each other, but > if the user resizes the window below their natural width a couple of > the blocks would bounce down to the next line. if someone resizes the > text larger, their width doesn't change, but the height does. > > if you want to match the blocks perfectly, you could always make a > taller image for the top row of blocks, then use css to set the height > using em, that way if the font size is bumped up, the link blocks will > grow in height, and so will the top blocks that are just there for show. > > i don't have a lot of time right now (it is almost midnight here) but > i will try to put together a really quick example of what i'm talking > about for you to look at. if you understand the concept that i've > written about above, but would like some help with specifics, just let > me know. > > take care, > jonmarc ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
