Menu
What’s up with the annoying little space on the left border of the selected tab that’s making it appear ‘disconnected???’
[code]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″ />
<title>Yep</title>
<style type=”text/css”>
* {
margin:0;
padding:0;
font-family:tahoma;
font-size:11px;
}
#navigation_options_container {
list-style:none;
border-bottom:solid 1px rgb(40, 40, 80);
margin-top:12px;
}
#navigation_options_container li {
border-top:solid rgb(40, 40, 80) 1px;
border-right:solid rgb(40, 40, 80) 1px;
border-left:solid rgb(40, 40, 80) 1px;
display:inline;
font-weight:bold;
margin-left:4px;
}
.selected_li {
border-bottom:solid white 1px;
}
#navigation_options_container a {
padding:0 8px;
text-decoration:none;
text-align:center;
}
.selected_navigation_option {
color:rgb(40, 40, 80);
background:white;
}
.clickable_navigation_option {
color:white;
background:rgb(40, 40, 80);
}
.clickable_navigation_option:hover {
background:white;
color:rgb(40, 40, 80);
}
</style>
</head>
<body>
<ul id=”navigation_options_container”
><li><a class=”clickable_navigation_option” href=”#”>One</a></li
><li><a class=”clickable_navigation_option” href=”#”>Two</a></li
><li class=”selected_li”><a class=”selected_navigation_option”>Three</a></li
><li><a class=” clickable_navigation_option” href=”#”>Four</a></li
><li><a class=”clickable_navigation_option” href=”#”>Five</a></li
></ul>
</body>
</html>