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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2003
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    styling a <ul><li>nav link</li></ul>

    is there a way to style a <ul><li>nav link</li></ul> so that each item in the list has a dashed bottom border?

    from this:
    <ul>
    <li>nav item 1 link</li>
    <li>nav item 2 link</li>
    <li>nav item 3 link</li>
    </ul>

    to this:

    nav item 1
    ----------
    nav item 2
    ----------
    nav item 3
    ----------
    Success is the natural order of things

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Code:
    ul li {
    border-bottom:1px dashed #000;
    }
    You could do it to the links but you would need to make the links display:block for the bottom border to show up.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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