Listar arriba abajo y de izquierda a derecha

[mamon]

Hola,

Tengo una duda, estoy utilizando esto:

<dl id="x-shortcuts">
<dt>
<a href="#"><img src="/images/s.gif" />
<div>Artículo 1</div></a>
</dt>
<dt>
<a href="#"><img src="/images/s.gif" />
<div>Artículo 2</div></a>
</dt>
</dl>

Todo esto está dentro un DIV que tiene un alto de 500px, quiero que los DT salgan uno debajo del otro (cosa que si pasa) pero cuando ya no entran en el alto del DIV se pasen automáticamente al costado....

Imaginen sus escritorio, tienen íconos, pero cuando ya no entran a lo alto se ponen los al lado, quiero hacer lo mismo, alguna idea?

[jomaruro]

Hola:

Me temo que eso tendrás que solucionarlo con javascript, mejor pide a un moderador que mueva tu post a ese foro.

Saludos.

[kseso?]

Creo que tiene un error de concepción.
Está usando una lista de definición /dl/ y obviando una de las etiquetas obligadas en ellas:

Código HTML:

<dl>
<dt>Título o encabezamiento</dt>
<dd>Definición o descripción del dt</dd>
...
...
</dl>
 

Sin entrar, por falta de información si "semánticamente" debería usarla o cambiar a una lista ordenada o no ordenada (ol-ul).

Respecto a su consulta, podría usar las multicolumnas css. <- Disclaimer: es css 3 y eso supone que...

[comunidad_expresarte]

Por javascript si sé como hacerlo, solo que quiero saber si se puede hacer con CSS...

En realidad esa forma de utilzar las etiquetas es por un ejemplo que me bajé de EXTJS. Pero bueno, si tengo que cambiar las etiquetas normal, la cosa es que no sé como hacer el tema de las multicolumnas como me comentas.