Foros del Web » Creando para Internet » CSS »

Duda width imagen

Estas en el tema de Duda width imagen en el foro de CSS en Foros del Web. Hola, como puedo hacer que una imagen se estire adaptandose al contenido. Por ejemplo: Si tuviera algo asi: Código: <div> <p>Texto de longitud variable blah ...
  #1 (permalink)  
Antiguo 04/04/2010, 11:10
 
Fecha de Ingreso: abril-2010
Mensajes: 1
Antigüedad: 14 años
Puntos: 0
Duda width imagen

Hola, como puedo hacer que una imagen se estire adaptandose al contenido.

Por ejemplo:
Si tuviera algo asi:

Código:
<div>
<p>Texto de longitud variable blah blah </p>
<img src="imagen.jpg" />
</div>
me gustaria que la imagen se estirase hasta que terminare el contenido de <p>

saludos!
  #2 (permalink)  
Antiguo 04/04/2010, 11:50
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Duda width imagen

Ponle un Width del 100% a la imagen y una medida al div que contiene todo.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 05/04/2010, 07:44
Avatar de valenti_92  
Fecha de Ingreso: enero-2010
Ubicación: Manresa
Mensajes: 126
Antigüedad: 14 años, 3 meses
Puntos: 4
Respuesta: Duda width imagen

Lo que dice Carlangueitor quedaría algo así:
Código PHP:
<div style="position:absolute; width:200px;">
<
p>Texto de longitud variable blah blah </p>
<
img src="imagen.jpg" width="100%" />
</
div
El width del div tendrás que averiguar cuanto quedaría para todo el texto. Lo puedes averiguar poniendo un border:
Código:
border:#000000 solid 1px;
.

Saludos.
  #4 (permalink)  
Antiguo 05/04/2010, 08:03
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Duda width imagen

Cita:
Iniciado por valenti_92 Ver Mensaje
[PHP]<div style="position:absolute; width:200px;">
¿y la función de absolute?¿Para que es necesaria?

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #5 (permalink)  
Antiguo 08/04/2010, 14:49
Avatar de valenti_92  
Fecha de Ingreso: enero-2010
Ubicación: Manresa
Mensajes: 126
Antigüedad: 14 años, 3 meses
Puntos: 4
Respuesta: Duda width imagen

Yo siempre he usado este atributo para las capas que necesitan algún width o height.
Este atributo sirve para decirle al contenido de la capa que se libera de su posición y tendrá la posición y tamaño que tu le asignes.
  #6 (permalink)  
Antiguo 08/04/2010, 16:30
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: Duda width imagen

Cita:
Iniciado por valenti_92 Ver Mensaje
Yo siempre he usado este atributo para las capas que necesitan algún width o height.
Este atributo sirve para decirle al contenido de la capa que se libera de su posición y tendrá la posición y tamaño que tu le asignes.
__________________
Toroflix - movies.
  #7 (permalink)  
Antiguo 09/04/2010, 09:41
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 4 meses
Puntos: 145
Respuesta: Duda width imagen

Cita:
Iniciado por valenti_92 Ver Mensaje
Yo siempre he usado este atributo para las capas que necesitan algún width o height.
Este atributo sirve para decirle al contenido de la capa que se libera de su posición y tendrá la posición y tamaño que tu le asignes.
frase celebre, esta para los top five de CQC
__________________
http://chicho.ninja yiaaaa
  #8 (permalink)  
Antiguo 10/04/2010, 07:31
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Duda width imagen

Hola:

Cita:
Iniciado por Cherivera Ver Mensaje
frase celebre, esta para los top five de CQC
Y lo dice todo convencido.

Saludos.


Etiquetas: width
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 20:31.