Foros del Web » Creando para Internet » CSS »

Lista de definiciones

Estas en el tema de Lista de definiciones en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/09/2006, 14:04
 
Fecha de Ingreso: julio-2006
Mensajes: 46
Antigüedad: 11 años, 5 meses
Puntos: 0
Lista de definiciones

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?
  #2 (permalink)  
Antiguo 19/09/2006, 14:13
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
<dd> tiene display:block por default, cambialo a inline
__________________
Internet Explorer SuckS
Download FireFox
  #3 (permalink)  
Antiguo 22/09/2006, 10:24
 
Fecha de Ingreso: julio-2006
Mensajes: 46
Antigüedad: 11 años, 5 meses
Puntos: 0
Gracias pero sigue sin mostrarlo seguido del dt... voy a hacer pruebas gracias
  #4 (permalink)  
Antiguo 22/09/2006, 11:04
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 13 años, 9 meses
Puntos: 20
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> 
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:03.