...

View Full Version : Centering nav bar



vinoman
11-01-2007, 03:41 PM
How do I center the links on this nav bar?
http://www.portlandwinegroup.com/nav.html

effpeetee
11-01-2007, 03: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, 04: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, 04: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, 07: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, 08:07 PM
I don't believe you need the Float left part, but I think the other code is necessisary

vinoman
11-05-2007, 02: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, 03:06 PM
Your welcome=]



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum