No replies
Desigetimes
Offline
newbie
Last seen: 9 years 45 weeks ago
Joined: 2008-09-22
Posts: 1
Points: 0

Hi

I am working (locally) on a wordpress side and have a red horizontal navigation bar at the top. I have found code which allows me to have the current link coloured in another colour ie blue (I have used a gif but also tried a bcakground colour) The problem I have is the blue doesn't seem to quite fit the vertical so a slither of red shows at the bottom under the blue tab. Please could anyone tell me why this is happening.

Thank you

#menu {
background: #e31e53;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
width:900px;
height:25px;
}

#menu ul {
margin: 0;
padding: 6px 0 0 0;
text-align: left;
}

#menu ul li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}

#menu ul li a {
padding: 6px 13px 6px 13px;
list-style-type: none;
margin: 0;
text-decoration: none;
color: #fff;
}

#menu ul li a:hover {
color: black;

#menu #nav li.current a:link, #menu ul li.current a:visited, #menu ul li.current a:active {
background-image: url('http://localhost:8888/wordpress/wp-content/themes/EPT2col/images/bluebit.gif');
background-repeat: repeat-y;
border-bottom: 0px solid #00afda;
list-style-type: none;
}