Ian, Thanks for the help. Everything is working well now. I am still learning all the "ins and outs" with regards to CSS and I am curious why you used "padding" twice in the #navback, #topnav ul li? I understand the line height setting but was wondering your reasoning for padding. Again, I am a newbie and want to know why something is working and not just rely on the experts to always save me from trouble. Have a nice day!
BTW, finished page at: http://www.sparetimegeek.com/clients/gigapp/index.html Thanks, Joshua ----- Original Message ----- From: "Ian Young" <[EMAIL PROTECTED]> To: "SpareTimeGeek.com" <[EMAIL PROTECTED]> Sent: Sunday, November 27, 2005 11:18 AM Subject: RE: [css-d] IE Horizontal Nav Help > Josh > > I have tweeked your css as follows: > > #navback{ > background: #69C; > border:#fff 1px solid; > width: 734px; > font-size:0.9em; > line-height: 0; > text-align:right; > color: #fff; > font-family:Verdana, Arial, Sans-Serif; > margin:0 auto; > padding:40px 0 0 0; > padding: 0; > } > > #topnav ul{list-style-type: none; text-align:right;margin: 0 1px 10px > 1px;} > > #topnav ul li > { background: #69C; > display:inline; > text-align:right; > font-weight:bold; > color:#C33; > margin:20 auto; > padding: 30px 5px 0 5px; > padding: 0 5px 0 5px; > > } > #topnav ul li.nodisplay {display:none;} > > #topnav ul li a:link, #topnav li a:visited > { line-height:2em; > padding: 0; > text-decoration:none; > color:#fff; > } > > #topnav ul li a:hover, #topnav li a:active > { > color:#C33; > text-decoration: underline overline; > } > > As you can see, I have made a separate div for the background so the menu > doesn't get confused (or us for that matter!). > > the menu then goes inside the new div. > > I think you will find that works on IE as well as Firefox etc. It is bases > on stuff I have working. > > Cheers > > Ian > > -----Original Message----- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] Behalf Of SpareTimeGeek.com > Sent: 27 November 2005 15:03 > To: css-d@lists.css-discuss.org > Subject: [css-d] IE Horizontal Nav Help > > > Hello. This is my first post as a newbie to this list, so be gentle. I > am > working on a friend's site and converting the table-based design to a CSS > layout. As you can see (link is below) I have everything looking almost > the > same as the original. I have included the styles into the index.html for > testing. > > Everything was developed while checking the layout in FireFox 1.0.7. When > jumping over to IE 6 after finishing the majority of the work the top nav > and footer links are offset. I am sure I have missed something easy but > would like some assistance from more experienced CSS gurus. > > The test link is: http://www.sparetimegeek.com/clients/gigapp/ > Original site: http://www.gigapp.com/about.asp > > Thanks for the assistance. > > Josh > SpareTimeGeek > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > -- > No virus found in this incoming message. > Checked by AVG Free Edition. > Version: 7.1.362 / Virus Database: 267.13.7/182 - Release Date: 24/11/2005 > > -- > No virus found in this outgoing message. > Checked by AVG Free Edition. > Version: 7.1.362 / Virus Database: 267.13.7/182 - Release Date: 24/11/2005 > > > > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
