HTML & CSS why is my navbar vertical? please help?

I am working on my website and i have made plenty of nav bars before but this one seems different some how. It wont go horizontal it stays vertical and i can't figure it out so i copied the code from my html doc and im hoping someone can help, Thanks! <html> <head> <style... show more I am working on my website and i have made plenty of nav bars before but this one seems different some how. It wont go horizontal it stays vertical and i can't figure it out so i copied the code from my html doc and im hoping someone can help, Thanks!


<html>
<head>
<style type="text/css">
div.divnav{
position: relative;
background: #FFFFFF;
width: 100%;
/*-webkit-border-radius: 30px 30px 0px 0px; RADI0US
border-radius: 30px 30px 0px 0px;*/
/*-moz-transform: scale(1) rotate(0deg) translate(0px, -50px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, -50px) skew(0deg, 0deg); RAISE
-o-transform: scale(1) rotate(0deg) translate(0px, -50px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, -50px) skew(0deg, 0deg);
transform: scale(1) rotate(0deg) translate(0px, -50px) skew(0deg, 0deg);*/
}
ul.navshell{
position: absolute;
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
width: 100%;
}
li [id^="nav"]{
display: inline;
float:left;
}
a.anav:link,a.anav:visited
{
display:block;
width:25%;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a.anav:hover,a.anav:active
{
background-color:#ffffff;
}
</style>
</head>
<body>
<span class="main">
<div class="divnav">
<ul class="navshell">
<li id="navitem1"><a class="anav" href="http://www.google.com/">why</a></l...
<li id="navitem2"><a class="anav" href="http://www.google.com/">is</a></li...
<li id="navitem3"><a class="anav" href="http://www.google.com/">this</a></...
<li id="navitem4"><a class="anav" href="http://www.google.com/">VERTICAL!!...
</ul>
</div>
</span>
</body>
</html>
1 answer 1