Hola! estoy haciendo un menu con listas y dandole forma con CSS, el problema es que necesito un atributo para que no se me solapen y no doy con el, os enseño el codigo:
Código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body,td,th {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
ul {
list-style: none;
}
ol {
list-style: none;
}
ul li a {
float: none;
position:inherit;
display:block;
width:180px;
height: 26px;
text-decoration:none;
vertical-align: middle;
}
ul ol li a {
float:left;
display:block;
width:180px;
height: 22px;
text-decoration:none;
}
-->
</style></head>
<body>
<ul>
<li><a href="#">MENU 1</a></li>
<ol>
<li><a href="#">LINK 1</a></li>
<li><a href="#">LINK 2</a></li>
<li><a href="#">LINK 3</a></li>
<li><a href="#">LINK 4</a></li>
</ol>
<li><a href="#">MENU 2</a></li>
<ol>
<li><a href="#">LINK 1</a></li>
<li><a href="#">LINK 2</a></li>
<li><a href="#">LINK 3</a></li>
</ol>
<li><a href="#">MENU 3</a></li>
<ol>
<li><a href="#">LINK 1</a></li>
<li><a href="#">LINK 2</a></li>
<li><a href="#">LINK 3</a></li>
</ol>
</ul>
</body>
Cuando lo ejecuto me sale asi:
Sabeis como puedo hacer que salga todo bien alineado? graciaS!