Buenas paso el link para una mejor explicada
w w w . peruforless.com/bosquejo/packages/special2-explore-the-path-of-the-inca.php
Si se dan cuenta la imagen de las ninas a la derecha sobrepasa cuando el texto que lo acompana es corto (si es largo nomal se acomoda) la caja marron es un div
#cajalink1 {
font-size: 1em;
background-color: #efeee2;
background-image: url(../images/top-caja.gif);
background-repeat: no-repeat;
margin-top: 18px;
margin-bottom: 18px;
padding: 10px 15px 10px 15px;
}
.bor-img-link {
border-style: solid;
border-width: 1px;
border-color: #fff;
float: right;
margin-left: 10px;
margin-top: 7px;
margin-bottom: 7px;
}
y aca va el htm
<div id="cajalink1"><img src="../images/img-special1.jpg" alt="Ninas en Cuzco" class="bor-img-link" />
<p>The Inca Trail gives hiking a whole new
meaning and you do not have to be
an expert in order to enjoy this journey
to the lost city. Many hikers consider
this trail to be the most beautiful
in the world. If you ever felt like
hiking in a heavenly place, this is
your chance and your final destination
- Machu Picchu – is not only breathtaking but awe inspiring.</p>
</div>
Donde la imagen tiene la clase .bor-img-link para el borde fino blanco, queria saber que codigo me falta para que el texto se acomode en caso que sea corto como esta url, osea que el fondo marron siga 7px mas abajo de la imagen.
gracias.