Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/02/2009, 07:05
Avatar de caricatos
caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Sangría francesa en listas

Hola Mikel:

Sabía que te interesarías, y antes de postear me fijé en tu página.

Las sangrías francesas son así, en vez del sangrado normal hispano, a partir de la segunda línea empieza el indentado, así que para conseguir el efecto hay que poner un text-indent con valores negativos, y para párrafos normales se debe sangrar primero el contenedor para no perder el contenido....

No lo tengo en ninguna página visible, pero puedes pegar este código:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>
<style type="text/css">
#prueba	{
	padding-left: 3em;
}

#prueba li	{
	text-indent: -1em;
}


#lista	{
	list-style: none;
	padding-left: 3em;
}
#lista li:before	{
	content: "\2666";
}
#lista li	{
	margin: 0;
	text-indent: -2em;
}
</style>
</head>
<body>
<ul id="lista">
<li>
dato normal
</li>
<li>
dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, 
dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, 
dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, 
</li>
<li>
dato normal
</li>
</ul>


<ul id="prueba">
<li>
dato normal
</li>
<li>
dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, 
dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, 
dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, dato muy largo, 
</li>
<li>
dato normal
</li>
</ul>


</body>
</html>
... en mi famosos probador de scripts: Probador de scripts... los resultados en explorer son buenos, pero como no lo son en el resto pensé en hacer malabares.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo