Foros del Web » Creando para Internet » CSS »

Como obtener pagina con imagen y texto a la izquierda

Estas en el tema de Como obtener pagina con imagen y texto a la izquierda en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/05/2007, 17:56
Avatar de cookie  
Fecha de Ingreso: agosto-2002
Mensajes: 688
Antigüedad: 15 años, 3 meses
Puntos: 0
Como obtener pagina con imagen y texto a la izquierda

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?
__________________
___________________________

do the evolution ¡
Mineriaenlinea.com
  #2 (permalink)  
Antiguo 31/05/2007, 04:16
 
Fecha de Ingreso: mayo-2007
Mensajes: 4
Antigüedad: 10 años, 7 meses
Puntos: 0
Re: Como obtener pagina con imagen y texto a la izquierda

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

.imagen {
position: relative;
}
  #3 (permalink)  
Antiguo 31/05/2007, 06:24
 
Fecha de Ingreso: julio-2005
Mensajes: 220
Antigüedad: 12 años, 4 meses
Puntos: 0
Re: Como obtener pagina con imagen y texto a la izquierda

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!!
  #4 (permalink)  
Antiguo 31/05/2007, 19:36
Avatar de cookie  
Fecha de Ingreso: agosto-2002
Mensajes: 688
Antigüedad: 15 años, 3 meses
Puntos: 0
Re: Como obtener pagina con imagen y texto a la izquierda

Voy a probar con lo que me comentan

gracias por su ayuda !!
__________________
___________________________

do the evolution ¡
Mineriaenlinea.com
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:54.