View Full Version : Centering nav bar
vinoman
11-01-2007, 02:41 PM
How do I center the links on this nav bar?
http://www.portlandwinegroup.com/nav.html
effpeetee
11-01-2007, 02:47 PM
How do I center the links on this nav bar?
http://www.portlandwinegroup.com/nav.html
Look Here-
http://www.w3.org/Style/Examples/007/center#text
or here,
http://www.dynamicdrive.com/style/csslibrary/item/chrome-menu-bar/
Frank
abduraooft
11-01-2007, 03:10 PM
ul li a {
background:transparent url(media/vertical.gif) no-repeat scroll right center;
color:black;
/*float:left;*/
padding:2px 12px;
text-decoration:none;
}
#vdividermenu ul {
background-color:#FAFAD7;
border:1px solid #625E00;
/*float:left;*/
font-family:Tohoma;
...
margin:0 auto;
text-align:center;
}
Removed a double entry.....
effpeetee
11-01-2007, 03:29 PM
abduraooft
ul li a {
background:transparent url(media/vertical.gif) no-repeat scroll right center;
color:black;
/*float:left;*/
padding:2px 12px;
text-decoration:none;
}
Why is this in twice?
Frank
vinoman
11-01-2007, 06:20 PM
abduraooft
ul li a {
background:transparent url(media/vertical.gif) no-repeat scroll right center;
color:black;
/*float:left;*/
padding:2px 12px;
text-decoration:none;
}
Why is this in twice?
Frank
Good question. Since I'm still new at this, where should it be? Or if I want to have it centered, do I need it at all?
kosstr12
11-01-2007, 07:07 PM
I don't believe you need the Float left part, but I think the other code is necessisary
vinoman
11-05-2007, 01:27 PM
ul li a {
background:transparent url(media/vertical.gif) no-repeat scroll right center;
color:black;
/*float:left;*/
padding:2px 12px;
text-decoration:none;
}
#vdividermenu ul {
background-color:#FAFAD7;
border:1px solid #625E00;
/*float:left;*/
font-family:Tohoma;
...
margin:0 auto;
text-align:center;
}
Removed a double entry.....
Thank you. Now it's centered :)
kosstr12
11-05-2007, 02:06 PM
Your welcome=]
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.