I'm working on a site with a horizontal navigation. Ideally, I would
like the list to float to the right side of the frame, but due to
applying float:left to the individual li items, I can't get it to work
properly. Am I doing something wrong, or is there a trick for this
without sieeting a specific width on the items?
Here's my css code for the nav:
ul#nav {
margin:0;
padding:0;
float:right;
text-align:right;
width:550px;
list-style:none;
}
#nav li {
margin:0;
padding:0;
font:italic normal 1.1em Georgia, "Times New Roman", Times, serif;
display:block;
float:left; }
#nav li a {
color:#000;
text-decoration:none;
padding-left:15px;
text-align:right;
}
#nav li a:visited {
text-decoration:none;
color:#000;
}
#nav li a:hover {
text-decoration:none;
color:#be7734;
}
here's the live site for reference:
http://www.associationdatabase.com/aws/360/pt/sp/home_page
css file: http://209.235.212.107/screen.css
______________________________________________________________________
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/
