Foros del Web » Creando para Internet » CSS »

Separacion entre elementos li y lu

Estas en el tema de Separacion entre elementos li y lu en el foro de CSS en Foros del Web. hola tengo este codigo: Código: <ul class="menu"> <li class="leaf"><a href="/drupalv1/?q=node/1">Bienvenidos</a></li> <li class="expanded"><a href="/drupalv1/?q=node/3" class="active">Historia</a> <ul class="menu"> <li class="leaf"><a href="/drupalv1/?q=node/4">Fechas Importantes</a></li> <li class="leaf"><a href="/drupalv1/?q=node/5">Años 60</a></li> <li ...
  #1 (permalink)  
Antiguo 07/06/2007, 02:57
 
Fecha de Ingreso: mayo-2004
Mensajes: 180
Antigüedad: 13 años, 6 meses
Puntos: 2
Separacion entre elementos li y lu

hola tengo este codigo:
Código:
			<ul class="menu">
				<li class="leaf"><a href="/drupalv1/?q=node/1">Bienvenidos</a></li>
				<li class="expanded"><a href="/drupalv1/?q=node/3" class="active">Historia</a>
				<ul class="menu">
					<li class="leaf"><a href="/drupalv1/?q=node/4">Fechas Importantes</a></li>
					<li class="leaf"><a href="/drupalv1/?q=node/5">Años 60</a></li>
					<li class="leaf"><a href="/drupalv1/?q=node/6">Años 70</a></li>
					<li class="leaf"><a href="/drupalv1/?q=node/7">Años 80</a></li>
					<li class="leaf"><a href="/drupalv1/?q=node/8">Año 1986 - S. XXI</a></li>
				</ul>
				</li>
				<li class="leaf"><a href="/drupalv1/?q=node/9">Dimensión Social</a></li>
				<li class="leaf"><a href="/drupalv1/?q=node/10">Sociedades</a></li>
				<li class="leaf"><a href="/drupalv1/?q=node/11">Industrias</a></li>
				<li class="leaf"><a href="/drupalv1/?q=node/12">Cifras</a></li>

			</ul>
y me gustaria poder definir la distancia izquierda de separacion entre elementos anidados. Es decir la especie de tabulacion que tienen los elementos anidados, hay alguna manera? gracias
  #2 (permalink)  
Antiguo 07/06/2007, 08:35
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Re: Separacion entre elementos li y lu

Supongo que bastaría con jugar con los márgenes izquierdos de los li

Como se toma de forma relativa al elemento que lo contiene, poniendo un margin-left:5% (por ejemplo) hará que en cada "anidación" el elemento li tenga 5% más de margen que el elemento que lo contiene. (o al menos en teoría )


Saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:15.