pruevaselvakilla
Usuario Novato
Usuario Novato

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

Avatar Image
@man / @woman
@man / @woman

¿ puedes postear acá la url para ver los defectos que describes ?

pruevaselvakilla
Usuario Novato
Usuario Novato

Lo subiré a internet pues, ya que la web está en mi PC solo y no la subi a ninguna página

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 13/Ene/2011, 11:43
andrewriojano85 nicano Jwilches1524kOct/20
Por: , el 17/Nov/2010, 20:41
fb@100000182297840 GestionXls 100x100net chavp43kNov/10
Por: , el 16/Feb/2006, 19:54
Sabatski EffectedCard NoSetup.org cchaparro448kFeb/07