Hola de nuevo :
Cita:
Iniciado por Diosus ...Quisiera saber si se puede personalizar la distancia de las listas...
Supongo que te refieres a la distancia de la viñeta. Hay un par de temas sobre eso
usando css y viñetas Marcadores del liasta fuera de lugar [edit]
Cuando sugerí que se podía usar
before para simular una lista no me animé a poner un ejemplo para evitar el ya clásico
"¡No me anda! ¡No me anda!" de los que no leen los mensajes.
Pero después de ver que nadie objetó el código de
Jorolo, junté valor y me puse a trabajar con los
quote . La única ventaja de este 'método' está en el anidamiento ... que es justamente lo que no pude usar.
Estoy apostando aque se trata de un error de mi parte, ya que es un poco difícil que
Firefox lo soporte 'a medias' (el primer nivel funciona perfectamente).
Dejo el ejemplo.
Código:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>LISTAS.</title>
<style type="text/css">
body {font-size:100%}
Q { quotes: '\0022' '\0022' "\00ab" "\00bb"; font-style:italic; }
Q:before { content: open-quote }
Q:after { content: close-quote }
/*Q:before { content: open-quote counter(seccion) ","; counter-increment: seccion; counter-reset:
sub-seccion;}*/
/*Q:after { content: close-quote counter(seccion) ","; counter-increment: seccion;
counter-reset: sub-seccion; }*/
dl { font-family:arial, helvetica, sans-serif; }
dd , dt { quotes: "\25a0 \00a0" "\25cf \00a0" "?" "?"; }
dt:before { content: open-quote; background-color:yellow; }
dd:before { content: close-quote; margin-left:-0.9em; }
</style>
</head>
<body>
<q>qweyuop, <q>asdfghjk</q> qwertyuio</q> <q>asdfghjk</q>
<hr>
<dl>
<dt>alin a nivel.</dt>
<dd>alin "indent". <br />alin "indent". </dd>
<dd>alin "indent".</dd>
</dl>
</body>
</html>
Últimas consideraciones.
Estos trucos tienen la ventaja de 'escribir' los caracteres, por lo que al seleccionar y copiar también nos llevamos las viñetas, algo que no ocurre con las verdaderas listas.
Pero tienen la desventaja de funcionar bien solamente con
inside ; ya que para verlas
outside hay que usar un posiconamiento no siempre eficaz.
Existe también un CSS para crear listas ordenadas, pero es bastante complejo y recién va a ser útil en la próxima década, cuando desaparezcan las etiquetas
<li> .
[/edit]