Foros del Web - Ver Mensaje Individual

kseso? · #3 (**permalink**) 15/06/2009, 14:35

Hola Vendetta
Veo un exceso de divs. Sin ver el resto de tu código casi, casi que me atrevo a usar el término "divitis"

Quizás puedas cambiar el enfoque, y crear para ello una lista (podría ser de definición en este caso):

Código html:

Ver original<!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" xml:lang="es" lang="es-es">
<head>
<title>play sobre imagen</title>
<style type="text/css">
* {margin:0; padding:0; position: relative;}
body {background: #e5e5e5;}
  #noticias {
    margin: 0 auto;
    padding: 10px;
    width: 200px;
    background: #444;
    overflow: auto;  
  }
  #noticias h4 {
    background: #900;
    color:#fff;
    display:block;
    font-size:1.2em;
    padding:5px 0;
    text-align:center;
    text-transform:uppercase;
    width: 100%;
    } 
  #noticias img {
  float:left;
  margin: 0 5px 5px -6px;
  clear: left;
  }
  #noticias dl {
    display: block;
   }
  #noticias dt {  
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #d07000;
    letter-spacing:0.1em;
    line-height: 1.4em;
    margin-top: 5px;
    clear:both;
    }
#noticias dd {
    color:#6F6F6F;
    font-size:.8em;
    text-align:justify;
    }
</style>
</head>
<body>
<div id="noticias">
<h4>noticias</h4>
<dl>
<dt>Noticia 1</dt>
<dd><img src="http://www.squashsantiago.com/images/noticia.jpg" title="" alt=""  />El desarrollo de la priemra noticia va aquí, puede ser más o menos larga. Todo lo que necesites añadir hasta que sobrepase la altura de la imagen y se coloque debajo
</dd>
<dt>Noticia 2</dt>
<dd>
<img src="http://www.squashsantiago.com/images/noticia.jpg" title="" alt="" />Un texto pequeñito junto a la imagen
</dd>
</dl>
</div>
</body>
</html>

Modifica para adaptar a tus necesidades.

Un saludo