> -----Original Message----- > From: Chris Akins [mailto:tipper...@gmail.com] > Subject: Re: [css-d] nav improvements? > > On Mon, Jul 6, 2009 at 2:22 PM, Greg Wilker<jer...@well.com> wrote: > > > > I would like to improve the current top navigation with the following: > > > > 1. center text/links in middle of bar > > > > 2. narrow bar height > > With the current HTML and CSS, I made these modifications to the CSS > and got what you wanted (I think) in Firefox, Mac. That's all I've > tested it in, but it might be a start: > > #navMid { > background: url(/htn/graphics/nav_mid.gif) repeat-y; > padding: 0px 0px 0px 9px; > vertical-align: text-bottom; > } > > #navMid ul {width:98%; margin:0 auto;} > > Along with the above, I added a <br style="clear:left;" /> just after > the closing </ul> for the #navMid ul > > Having said that, I think you could get around having to add that > clearing element if you let the <div id="navTop"> ENCLOSE the ul > rather than be a separate element. I haven't tested that, but I > believe it would work. Then, just set the background image on #navTop > to be at the top with no-repeat. I believe that should work.
I implemented your suggestions above (except for enclosing the UL element) and I am not seeing any difference with IE8 or FF3 on a PC. The main thing I'd really like to do is have the text "centered" vertically in the nav bar. - Greg ______________________________________________________________________ css-discuss [cs...@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/
