Hi Bobbi, At some recent point in time Godmode wrote: > Add the following to your ul styles: > > width: 800px > margin: 0 auto; > overflow: hidden; > padding: 0;
[..] and then proceeded with a pretty good explanation. However, I personally would *not* do this as it is restrictive in nature. Adding a width to your menu when it isn't required can create other problems when the text of your list items changes, or when you wish to add another item for instance. The more flexibility that can be built-in to a page, the better in my opinion. There are several ways to skin a cat, but one approach that I've always found delivers good results was actually posted here a few days ago in another thread: http://www.projectseven.com/csslab/lists/inline-block/horizontal/ Note the menu itself has no fixed width so can expand as you add items or text. I've just taken a look at David's working example and his method uses width:99% which is effectively the same thing and allows the list to take up as much room as it needs (safety first to prevent rounding errors in some silly OLD browsers is probably the reason 99% is used but I'm just guessing). > You said you wanted it to be left-aligned, so remove text-align:center > from both the div.navbar and anchor styles. Incidentally, I think it > looks nicer centered, but that's not what you asked for :) Unless I'm mistaken I believe she only wants the text in the container below left aligned (but the container itself centered on the page) and there was no mention of the text in the menu itself. > Add line-height:20px to your anchor styles. That will center the text > vertically. Indeed, but for the most part I wouldn't encourage using pixels for line-height, and no unit is actually required (there are exceptions of course but they are rare and this isn't one of them). One advantage of not using floats in cases such as this (menus) is there is no need to try and *fudge* a vertical alignment, as simple padding can be used instead. Personally Bobbi, I would encourage you to take a closer look at the source of the Project Seven page - or David's now that I've peeked - because they both achieve everything you want in a clean and efficient fashion (one small e.g. there's no need for those position:relatives you have scattered all over the place). As David always says less is more! HTH -- Mark ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
