Como obtener pagina con imagen y texto a la izquierda

cookie · #1 (**permalink**) 30/05/2007, 16:56

Como podria hacer lo que muestro en la imagen con CSS

[img=http://img409.imageshack.us/img409/1932/imagenoverlapbp6.th.gif]

Como se puede apreciar en la imagen hay una imagen con texto a la derecha de la imagen, pero como es un layer, la imagen esta sobre el texto, y pues yo lo que quiero es que no se tape el texto.

Como le puedo hacer?

josemdelaa · #2 (**permalink**) 31/05/2007, 03:16

Hola Cookie, para conseguir que la imagen no tape el texto debes indicarle que tiene posición relativa, dela siguiente manera:

.imagen {
position: relative;
}

GoRaK · #3 (**permalink**) 31/05/2007, 05:24

Hola!!

Es facil.

Código:

<p><img src="" title="" alt="" class="img-der"/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dolor turpis, tincidunt eget, lobortis eu, congue eu, felis. Praesent scelerisque, augue a pellentesque euismod, justo neque venenatis nunc, quis venenatis lectus arcu sit amet metus. Cras leo ante, elementum id, malesuada a, egestas in, orci. Nunc consectetuer, nibh non luctus facilisis, lacus enim fermentum erat, sed bibendum enim mauris non tortor. Sed hendrerit consequat elit. Duis quis velit. Aliquam erat volutpat. Fusce vitae lacus nec est facilisis tempus. In ligula. In pellentesque mollis enim. Donec eu urna. Proin vitae augue vitae ante interdum ullamcorper. Praesent tempus congue massa.</p>

El estilo:

Código:

img.img-der {float:right;padding:4px}

Puedes poner el img tb al final del texto y antes de la </p>

Salu2!!

cookie · #4 (**permalink**) 31/05/2007, 18:36

Voy a probar con lo que me comentan

gracias por su ayuda !!