Re: [Ovillo] Tabla compleja: ¿Accesible?

Fri, 06 May 2005 02:38:24 -0700 

Hola Otra vez Borja,

El codigo completo con xhtml y css, con esos cambios peque�os :

<!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;
}

#fotos {
float: left;
  width: 50%;
  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{
float: left;
width: 40%;
margin-left: 1em;
  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">
    <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>

   <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>
</body>
</html>

Un saludo,
Edu

_______________________________________________
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

Responder a