Hola, tengo un menu que saque por ahi pero no consigo centrarlo con los css entre los divs, si alguien me puede ayudar... Yo es que estoy mas acostumbrado a las tablas y con ellas no tengo problemas pero con los DIVS... me pierdo.
El menu lo tengo asi:
Código:
<div id="menuh">
<div align="center" class="moduletable">
<ul class="menu">
<li class="item-468 current active"><a href="/" >Biografía</a></li><li class="item-469"><a href="/index.php/actualidad" >Actualidad</a></li><li class="item-470"><a href="/index.php/libros" >Libros</a></li><li class="item-471"><a href="/index.php/periodicos" >Periódicos</a></li><li class="item-474"><a href="/index.php/investigacion" >Investigación</a></li><li class="item-472"><a href="/index.php/consultas" >Consultas</a></li><li class="item-473"><a href="/index.php/contacto" >Contacto</a></li></ul>
</div>
</div>
Y el CSS asi (le he quitado algunas cosillas para ir probando):
Código:
/*Menu*/
#moduletable {
}
#menuh {
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 20px;
/*float:right;*/
margin:0;
width: 632px;
}
#menuh ul, li {
list-style-type: none;
}
#menuh ul {
}
#menuh li {
/*float: left;*/
}
#menuh a {
text-decoration: none;
color: #FFFFFF;
background: #0066FF;
display: block;
padding: 3px 10px;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 1px 1px 1px 0;
}
#menuh a#primero {
border-left: 1px solid #ACCFE8;
}
#menuh a:hover {
background: #DBEBF6;
}