Quiero utilizar un lista de definicion para mostrar un informacion que tiene tres titulos y sus respectivos textos.
La idea es mostrar los tres conjuntos en tres columnas donde en cada una sale el titulo y abajo su texto.
Tengo casi todo solucionado salvo que si a los DT no le pongo "display: inline" me aparece cada "columna" desplazada para abajo justo a la altura del DT anterior. Y si si se lo pongo no puedo darle un anco especifico, y los 3 DTs me quedan todos pegaditos.
Les dejo el codigo para ver si alguno de los expertos me ayuda a ver la luz (espero que no sea la del final del tunel!):
Código:
<!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">
<head>
<style type="text/css">
<!--
#novedades {
margin:0;
padding:0;
}
#novedades dt {
width: 160px;
margin:0;
padding:0;
display:inline;
}
#novedades dd{
float:left;
margin:0;
padding:5px;
width: 160px;
}
-->
</style>
</head>
<body>
<dl id="novedades">
<dt>Avisos Clasificados</dt>
<dd>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
<a href="#">Ingresar</a>
</dd>
<dt>Guia de Odontologos</dt>
<dd>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
<a href="#">Ingresar</a>
</dd>
<dt>Empresas</dt>
<dd>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
<a href="#">Ingresar</a>
</dd>
</dl>
</body>
</html>