Bueno, como ven son dos cosas pero ya que son del mismo tipo y justo del mismo código lo pongo en un post
He creado un menú con una lista, y si no le pongo en el css float: left; no se queda bien, por lo que necesitaria en teoria que esa lista esté a la izquierda, pero la querria más bien en el centro, lo que no se es como hacer que eso quede a la izquierda y al centro y ya probé poniendo div align="center"> y text-align: center;
Aquí dejo el código de la lista:
#linksarriba {
background: url(images/linksarriba.png) 0 0 repeat-x;
position: relative;
width: auto;
display: block;
color: #fff;
}
#linksarriba li {
padding: 0 1px 0 0;
float: left;
margin: 0;
background: url(images/separacion.png) 100% 0 repeat;
list-style: none;
}
#linksarriba ul li a:link, #linksarriba ul li a:active, #linksarriba ul li a:visited {
background: url(images/linksarriba.png) 0 0 repeat-x;
display: block;
float: left;
padding: 0 20px;
height: 30px;
line-height: 28px;
color: #fff;
text-decoration: none;
background: #09C;
list-style: none;
border-left: thin #069 solid;
border-top: thin #069 solid;
border-bottom: thin #069 solid;
}
#linksarriba ul li a:hover {
background: url(images/linksarriba.png) 0 100% repeat-x;
list-style: none;
}
Eso es todo lo relacionado con la lista en cuanto a lo de centrarla
Y ahora el otro tema, dentro de esa lista puse unos códigos que se supone deberian hacer surgir un menú desplegable, el problema es que siempre está desplegado..
Aqui dejo el código
ul.linksarriba> li > ul /* Solo para los ul debajo de los li de primer nivel. */
{
position:absolute;
left:-41px;
top:19px;
display:none;
list-style:none;
}
ul.linksarriba > li /* Sólo para li de primer nivel */
{
display:inline;
}
ul.linksarriba
{
list-style:none;
}
ul.linksarriba ul /* Para todos los ul debajo del ul.menu */
{
display:none;
list-style:none;
}
/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */
ul.linksarriba li:hover > ul
{
display:block;
}
ul.linksarriba
{
list-style:none;
}
ul.linksarriba li
{
position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
width:70px;
}
ul.linksarriba ul
{
position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:30px; /* Para que no monte sobre el <li> */
top:-1px;
display:none;
list-style:none;
}
ul.linksarriba li:hover > ul
{
display:block;
}
Muchas gracias
