Lista de definiciones

imagenarte · #1 (**permalink**) 19/09/2006, 13:04

Mi duda es muy sencilla, como puedo alinear una lista de definiciones?

es decir quiero mostrar datos asi:

Imagen Descripcion de la imagen
Imagen 2 Descripcion de la imagen 2
.
.
.
.

Etc... pero no logro alinear el dd con el dt... alguien me puede ayudar?

SiR.CARAJ0DIDA · #2 (**permalink**) 19/09/2006, 13:13

<dd> tiene display:block por default, cambialo a inline

imagenarte · #3 (**permalink**) 22/09/2006, 09:24

Gracias pero sigue sin mostrarlo seguido del dt... voy a hacer pruebas gracias

K3NNY · #4 (**permalink**) 22/09/2006, 10:04

Encontre una forma poco simpatica de hacerlo. Tenes que ponerle "display: inline;" a ambos dt y dd, pero eso te pone todo en una sola linea. Para separarlo tenes que ponerle un <br /> al final de cada linea de los dd, pero no se que tan "semanticamente correcto" es eso. Funciona en Firefox 1.5.0.6 e IE 6, no se si valida o no. Espero que te sirva...

Código HTML:

<html>
<head>
	<title>Gracias Forosdelweb.com</title>
	<style>
		dt, dd {
			display: inline;
			}
	</style>
</head>
<body>
	<dl>
		<dt><img src="imagen1.jpg" alt="imagen 1" /></dt>
		<dd>Imagen 1 <br /></dd>
		<dt><img src="imagen2.jpg" alt="imagen 2" /></dt>
		<dd>Imagen 2 <br /></dd>
		<dt><img src="imagen3.jpg" alt="imagen 3" /></dt>
		<dd>Imagen 3 <br /></dd>
	</dl>
</body>
</html>