Ver Mensaje Individual
  #23 (permalink)  
Antiguo 05/03/2009, 10:25
dabas
 
Fecha de Ingreso: julio-2006
Mensajes: 22
Antigüedad: 17 años, 9 meses
Puntos: 0
Respuesta: listas de difinicion a dos columnas

Y si accedemos al enlace donde indica "tabla alineada" dice:
Cita:
Tabla alineada
Proceso de interpretación de una tabla donde los contenidos de una celda se convierten en una serie de párrafos uno tras otro (Por ejemplo, página abajo). Los párrafos se sucederán en el mismo orden que las celdas definían en el documento original. Las celdas deben tener sentido cuando se lean en orden y deben incluir elementos estructurales (que generan párrafos, encabezamientos, listas, etc.), así la página tendrá sentido tras su transformación para ser leída línea a línea.
Mi lista no esta numerada, pero si lo estuviera no debe ocurrir lo que ocurre en este ejemplo cuando pulsamos la tecla "tabulador". ya que el orden de los elementos en el codigo HTML esta puesto en un orden que nos conviene.
espero dejar algo mas claro el asunto, no se explicarlo mejor:

Código HTML:
<html>
<head>
<style>
dl {padding:0; margin: 0; width: 45%;}
dl.izq {float: left;}
dl.der {float: right;}
dl.izq dd, dl.izq dt {border: 1px solid blue;}
dl.der dd, dl.der dt {border: 1px solid red;}
dt {margin-top: 20px;}
</style>
</head>
<body>
<dl class="izq">
<dt><a href='#'>item1</a></dt>
<dd><a href='#'>descripcion1</a></dd>
<dt><a href='#'>item3</a></dt>
<dd><a href='#'>descripcion3</a></dd>
<dt><a href='#'>item5</a></dt>
<dd><a href='#'>descripcion5</a></dd></dl>

<dl class="der">
<dt><a href='#'>item2</a></dt>
<dd><a href='#'>descripcion2</a></dd>
<dt><a href='#'>item4</a></dt>
<dd><a href='#'>descripcion4</a></dd>
</dl>
</body>
</html> 
saludos