Ellen,
I had a quick look at your code and have noticed that your "nav_wrapper" has
lots of redundant "empty" links and so I suggest try something like this:
1) Your basic code for nav should look something like this:
<div id="my_menu">
<ul>
<li><a href="#">Tab 1.0</a></li>
<li><a href="#" class="active">Tab 2.0</a></li>
<li><a href="#">Tab 3.0</a></li>
<li><a href="#">Tab 4.0</a></li>
</ul>
</div>
2) your CSS should look something like this:
body {
margin: 0;
padding:0;
background: white;
}
#my_menu {
float:left;
width:100%;
background:#fff;
border-bottom:4px solid #000;
overflow:hidden;
position:relative;
}
#my_menu ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
#my_menu ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
}
#my_menu ul li a {
display:block;
margin:0 0 0 1px;
padding:3px 10px;
background:#00CC00;
color:#000;
text-decoration:none;
line-height:1.3em;
}
#my_menu ul li a:hover {
background:#00CC00;
color:#fff;
}
#my_menu ul li a.active,
#my_menu ul li a.active:hover {
color:#fff;
background:#00CC00;
font-weight:bold;
}
3) Try the the above two on your test document to see if it works with you. To
link the css in your html use this:
<link href="menu.css" rel="stylesheet" type="text/css" />
4) Please note that I have used ID for "my_menu" NOT class like you have done
because there is only one my_menu on the page. Class is not appropriate here
IMHO.
hth
>
> http://www.pottersignal.com/catalog/catalog_sprinkler.html
>
> If you look at the page source, this is the class="nav"
> item. I have tried
> everything I can think of, using text-align on different
> tags, using margin:
> 0 auto, wrapping the whole thing in a div - nothing has
> worked so far. Does
> anything jump out at anyone as potentially causing this
> problem? I'd greatly
> appreciate any help!
>
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
