1 reply to this topic

[wsmokah]

hey guys... i was wondering if someone could help me out here @.@; I've created a horizontal menu in CSS ( http://anim3dl.com/New2/ -- the main, anime, codecs...) and in order to make it stay like that, i'm using a tables with 5 columns.

Here's the code for the table:

<table border="0" align="right" cellpadding="0" cellspacing="10" id="underlinemenu">
		<tr>
		  <td><ul>
			  <li><a href="index.php">main</a></li>
		  </ul></td>
		  <td><ul>
			  <li><a href="index.php">anime</a></li>
		  </ul></td>
		  <td><ul>
			  <li><a href="index.php?main=codecs.php">codecs</a></li>
		  </ul></td>
		  <td><ul>
			<li><a href="https://www.paypal.com/">donate</a></li>
		  </ul></td>
		  <td><ul>
			  <li><a href="index.php?main=contact.php">contact</a></li>
		  </ul></td>
		  <td width="30px">&nbsp;</td>
		</tr>
		</table>

Is there any possible way to create this same affect but WITHOUT using tables? Maybe if you looked at my CSS code, it might help a bit:

CSS Code:

#underlinemenu{
padding: 0 0 0 0;
}

#underlinemenu ul{
float: right;
font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
color: #A5A5A5;
padding: 0px 0px 4px 0px;
border-bottom: 4px solid #A5A5A5;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}

#underlinemenu ul li a{
font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
color: #A5A5A5;
padding: 0px 0px 4px 0px;
text-decoration: none;
}

#underlinemenu ul li a:hover{
color: #4C4C4C;
border-bottom: 4px solid #4C4C4C;
}

Any help would be greatly appreciated =)

Edited by wsmokah, 29 September 2006 - 06:01 AM.

[wsmokah]

And I thought I should just add this.... This happens when I just use normal <ul><li> (without tables) http://anim3dl.com/New2/index2.php