Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

0

Nav CSS Bar issues

Started by Steve Marcano, Mar 06 2009 01:57 PM

You cannot reply to this topic
Go to first unread post

1 reply to this topic

#1 Steve Marcano

Young Padawan

Members
31 posts

Gender:Male
Location:Tucson, Arizona

Posted 06 March 2009 - 01:57 PM

Here's my css but it's not showing the nav correctly.

#main-nav							  { width:805px; height:59px; margin:0px; padding:0px; float:left; background:url(../images/top-nav-bg.jpg) left top no-repeat;}
#main-nav ul						   { width:350px; height:39px; margin:9px 10px 0 0; padding:0px; float:right; list-style: none;}
#main-nav ul li						{ margin:0px; padding:0 4px 0 0px; float:left; list-style:none; position: absolute;}
#main-nav ul li a					  { border:none;}
*html #main-nav ul li				  { margin:0 0px 0 5px; padding:0px; float:left; list-style:none;}
#main li:hover ul 					   {left: auto;}
#main li:hover ul, #nav li.sfhover ul  {left: auto;}

Here's the coding for the nav bar itself.

<div id="main-nav">
					  <ul id="nav">
						<li><a href="#"><img src="images/btn-roster.jpg" alt="Roster" width="71" height="36" border="0"></a>
						<ul>
			<li><a href="#">Remoras</a></li>
			<li><a href="#">Tilefishes</a></li>
			<li><a href="#">Bluefishes</a></li>
			<li><a href="#">Tigerfishes</a></li>
		</ul>
</li>
						
						<li><a href="#"><img src="images/btn-events.jpg" alt="Events" width="75" height="36" border="0"></a>
						<ul>
			<li><a href="#">Remoras</a></li>
			<li><a href="#">Tilefishes</a></li>
			<li><a href="#">Bluefishes</a></li>
			<li><a href="#">Tigerfishes</a></li>
		</ul>
</li>
						<li><a href="#"><img src="images/btn-multimedia.jpg" alt="Multimedia" width="108" height="36" border="0"></a>
						<ul>
			<li><a href="#">Remoras</a></li>
			<li><a href="#">Tilefishes</a></li>
			<li><a href="#">Bluefishes</a></li>
			<li><a href="#">Tigerfishes</a></li>
		</ul>
</li>
						<li><a href="#"><img src="images/btn-info.jpg" alt="Info" width="61" height="36" border="0"></a>
						<ul>
			<li><a href="#">Remoras</a></li>
			<li><a href="#">Tilefishes</a></li>
			<li><a href="#">Bluefishes</a></li>
			<li><a href="#">Tigerfishes</a></li>
		</ul>
</li>
					</ul>
				  </div>

http://kansasoutlaww...KOW/index.html#

Edited by Steve Marcano, 06 March 2009 - 02:01 PM.