Alineación listas con css
3 seguidores
Hola,
Quiero alinear una lista a la izquierda como el clásico menu lateral web.
La tengo dentro de un contenedor y al hacerla sale por defecto "movida" hacia la derecha y yo la quiero más hacia la izquierda.
Lo he resuelto de la siguiente manera:
#menu ul li {
position: relative;
left: -15px;
display: inline;
}
los valores negativos son validos? hay alguna otra manera que sea más correcta?
Gracias, un saludo.
Usuario desconocido
hola, los valores negativos son validos.
Lo que te ocurre es posiblemente del margin-left del ul o de los li , prueba poniendo:
ul{
margin:0;
padding:0;
}
joseflorido
antes era yo q no me habia logueao ;)
una cosilla mas, si quieres tenerla a modo de menu lateral vertical (un li debajo de otro) debes ponerle display:block, no inline.
De lo que puse antes creo q con poner solo margin:0 en los ul ya vale no hace falta tocar el padding.
ikgoru
gracias jose:
He utilizado lo que me has dicho, el padding se lo habia quitado en un principio pero luego se lo he puesto con un valor pequeño porq lo necesitaba por motivos de presentación.
Y lo del display:block se me había olvidado ponerlo al posetear el mensaje, pero gracias de todas formas, un saludo.
Por cierto ahora que veo tu página web, esta misma mañana me he apuntado a la lista de correo de <a href="http://www.ovillo.org">ovillo.org</a> porq he visto un mensaje en el foro, es un proyecto tuyo lo de la lista de correo?
joshuatree
ikgoru: http://www.alistapart.com/articles/taminglists/
Infalible ;)
joseflorido
sip, lo de ovillo se nos ocurrio a mi y a un par de amig@s (una de ellos es missha q tb anda por estos foros) y la idea es crear una buena comunidad en castellano entorno a css, estandares, accesibilidad, etc no solo con la lista sino ir añadiendo en la web recursos, tutoriales, enlaces, etc.
me alegro mucho de que te suscribas :D