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 4 of 4
  1. #1
    New Coder
    Join Date
    Oct 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Borders Using CSS

    Using CSS, I want to put white lines between each of my navigation menu items.

    Here are the relevant style sheet entries:

    #container {
    width:780px;
    margin:auto;
    min-height:100%;
    background:White;
    }

    #navmenu {
    margin:0;
    padding:0;
    list-style:none;
    height:200px;
    width:145px;
    float:left;
    }

    #navmenu li a {
    color:#FFFFFF;
    background:#990000;
    height:20px;
    width:115px;
    text-decoration :none;
    padding-left:10px;
    padding-top:5px;
    font-weight:bold;
    display:block;
    line-height:15px;
    text-align:left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color: #990000;
    }

    Here is the relevant body mark up:

    <div id="container">
    <ul id="navmenu">
    <li><a href="Item1.html"></a>Item 1</li>
    <li><a href="Forums.html">Item 2</a></li>
    <li><a href="Download.html">Item 3</a></li>
    </ul>
    </div>

    I have tried adding:

    border-bottom-color: white;
    border-bottom-width: 5px;
    border-bottom-style: solid;

    to the two

    navigation

    CSS entries above, and it does nothing.

    How can I get this bottom white bordr on my navigation menu?

    Thanks.

    Doug

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,372
    Thanks
    32
    Thanked 286 Times in 280 Posts
    Code:
    #navmenu li {border-bottom: 5px solid white;}
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #3
    New Coder
    Join Date
    Oct 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You gave me:

    #navmenu li {border-bottom: 5px solid white;}

    That didn't work for me. I found out if I got rid of the braces that it worked. Here's what I ended up using in the external .css file under the #navmenu li section:

    border-bottom: 1px solid white;

    and that did it.

    I'm a CSS newbie, and this is the first time I've seen multiple arguments like this. That sent me to my CSS book to learn more.

    Thanks so much.

    Doug

  • #4
    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
    The braces should really work. It seems like you probably didn't know how to implement give CSS properly. It helps when you post all of your not just snippets. A link is always best.
    ||||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
    •