...

View Full Version : Borders Using CSS



doug2r
10-22-2006, 08:08 PM
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

Arbitrator
10-22-2006, 08:29 PM
#navmenu li {border-bottom: 5px solid white;}

doug2r
10-23-2006, 01:54 AM
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

_Aerospace_Eng_
10-23-2006, 03:01 AM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum