Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Jul 2007
    Location
    Portland, OR
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Centering nav bar

    How do I center the links on this nav bar?
    http://www.portlandwinegroup.com/nav.html

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by vinoman View Post
    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/cs...rome-menu-bar/

    Frank
    Last edited by effpeetee; 11-01-2007 at 03:51 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Code:
    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;
    
    
    }
    Edit: Removed a double entry.....
    Last edited by abduraooft; 11-01-2007 at 04:46 PM. Reason: A Ctrl+V error, pointed out by effpeetee
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    abduraooft

    Code:
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    New Coder
    Join Date
    Jul 2007
    Location
    Portland, OR
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by effpeetee View Post
    abduraooft

    Code:
    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?

  • #6
    Regular Coder kosstr12's Avatar
    Join Date
    Apr 2007
    Location
    Woodstock, Georgia
    Posts
    428
    Thanks
    7
    Thanked 5 Times in 5 Posts
    I don't believe you need the Float left part, but I think the other code is necessisary

  • #7
    New Coder
    Join Date
    Jul 2007
    Location
    Portland, OR
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Code:
    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;
    
    
    }
    Edit: Removed a double entry.....
    Thank you. Now it's centered

  • #8
    Regular Coder kosstr12's Avatar
    Join Date
    Apr 2007
    Location
    Woodstock, Georgia
    Posts
    428
    Thanks
    7
    Thanked 5 Times in 5 Posts
    Your welcome=]


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •