Ver Mensaje Individual
  #11 (permalink)  
Antiguo 15/02/2009, 02: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:

Muy interesante, no sabía que era "•" ese código, se vé que no lo busqué bien ... y ciertamente, lo que quería es que pudiese elegir el margen... supongo que con un em en decimales también conseguiría un sangrado pequeño (.1em por ejemplo )

Sabiendo lo del bull, me preparé un script para obtener el código, y modifiqué el before con ese valor:
li:before {content: "\2022";}

Con eso ya solo falla en explorer que parece que no admite before y after (supongo), así que se podría poner el condicional ...

Rectifico... es algo más "jodido"... añadí ese condicional (nunca lo había hecho, pero que que está bien)... y al probar el código en opera, También entra en la codición, y me salen 2 bolas...

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>
<script>
hexa = "012356789ABCDEF";
function h(n)  {
 if (n < 16) return hexa.charAt(n);
 else return h(n / 16) + hexa.charAt(n % 16);
}
</script>
<style type="text/css">
li:before {content: "\2022";}

#prueba li {
list-style-type: none;
padding-left: 2em;
text-indent: -2em;
}

<!--[if IE]>
#prueba {
padding-left: 2.5em;
}
#prueba li {
padding-left: 0;
text-indent: -1.5em;
list-style-type: disc;
}
<![endif]-->
</style>

</head>
<body>
<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>
<span onclick="alert(h(this.innerHTML.charCodeAt(0)))">&bull;X</span>
</body>
</html>
Añadí el script para obtener el hexa del &bull; para el content...

De todos modos en la página que lo pensaba usar he determinado desistir...

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