Con todo lo que me habeis dicho se me ha ocurrido crear dentro del mi <div> "contenedor" otros <div> con anchos en % (Ya que quiero un dise�o liquido 100%) en los que presentar� los datos con listas de definici�n, de manera que pueda simular una tabla. Por ejemplo, puedo poner las fotos en la izquierda y los textos en la derecha. Adem�s asi podria controlar independientemente con el CSS los atributos de los <dl> <dt> y <dd> para la parte de fotos y para la parte de texto.
La cosa quedar�a algo as�
C�digo del HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<title>Ficha del animal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
#contenedor {
width: 100%;
font-family: sans-serif;
}
#izquierda {
float: left;
width: 50%;
}#derecha {
float: left;
width: 40%;
margin-left: 1em;
}#fotos dl{
width: 100%;
border: 1px solid #cccccc;}
#fotos dt{
margin-bottom:2.4em;
padding: -2.4em;
width: 100%;
font-weight:bold;
border: 1px solid #666666;
background-color: #99CC66;
}#fotos dd{
width: 100%;
border: 1px solid #cccccc;
margin-left: 0%;
margin-top: -2.4em;
padding: -3.4em;
background-color: #FFFFFF;
}#textos dl{
width: 100%;
border: 1px solid #cccccc;}
#textos dt{
margin-bottom: 2.4em;
padding: -2.4em;
width: 30%;
margin-left: 0%;
border: 1px solid #666666;
background-color: #99CC66;
font-weight:bold;
}
#textos dd{
width: 70%;
border: 1px solid #cccccc;
margin-left: 31%;
margin-top: -3.5em;
padding: -2.4em;
background-color: #FFFFFF;
}
</style>
</head><body>
<div id="contenedor" title="Ficha del animal">
<h2>Ficha del animal</h2><div id="izquierda">
<dl id="fotos">
<dt>Imagen</dt>
<dd><img src="buho.jpg"/></dd>
<dt>Distribuci�n</dt>
<dd><img src="distrib_buho.jpg"/></dd> <dt>H�bitat</dt>
<dd><img src="habitat.jpg" alt="Imagen H�bitat"/></dd>
</dl>
</div><div id="derecha">
<dl id="textos">
<dt>Nombre cient�fico</dt>
<dd> Buho buho</dd> <dt>Orden</dt>
<dd>Strigiformes</dd> <dt>Familia</dt>
<dd>Strigidos</dd>
</dl>
</div>
</div>
</body>
</html>----------------------------------------------------------------
�Est� bien hecho?
Gracias a [EMAIL PROTECTED] por la ayuda. Un saludo:
Borja Sanz kaktum
_______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
