Foros del Web » Creando para Internet » CSS »

Ancho de imagen máximo

Estas en el tema de Ancho de imagen máximo en el foro de CSS en Foros del Web. Hola He creado un sistema en el que un usuario puede enviar imágenes a mi web, enviando la url... Luego se muestran haciendo un simple: ...
  #1 (permalink)  
Antiguo 21/12/2009, 09:27
Avatar de FirefoxKing  
Fecha de Ingreso: noviembre-2009
Mensajes: 18
Antigüedad: 14 años, 5 meses
Puntos: 0
Ancho de imagen máximo

Hola

He creado un sistema en el que un usuario puede enviar imágenes a mi web, enviando la url...

Luego se muestran haciendo un simple:

<img src="URL_QUE_PONE_EL_USUARIO" alt="BLA_BLA_BLA" />

¿Hay algo que se pueda hacer desde la hoja de estilos CSS para que los anchos de imagen no superen los 550px...? es decir, que las imágenes salgan como son, pero simplemente que no superen ese ancho...

Un saludo y gracias desde ya
  #2 (permalink)  
Antiguo 21/12/2009, 10:00
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Respuesta: Ancho de imagen máximo

me imagino que podrias ponerle ancho fijo a las imagenes desde css y su proporcional en alto.

Supongamos que tenes esto:
Código HTML:
Ver original
  1. <div id="imgcontainer">
  2. <img src="" alt="" />
  3. </div>

Y en tu CSS tener algo asi:

Código CSS:
Ver original
  1. #imgcontainer img{width:640px; height:480px;}

probalo y contame
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 21/12/2009, 11:36
Avatar de FirefoxKing  
Fecha de Ingreso: noviembre-2009
Mensajes: 18
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Ancho de imagen máximo

Gracias por tu valioso tiempo

Lo he probado, pero hay un problema.

Aunque la imagen sea menor a 640px, su ancho seguirá poniéndose grande y lo que quiero es que se pongan con un ancho como máximo de 550px, y si son mayores, se ajuste proporcionalmente...
  #4 (permalink)  
Antiguo 21/12/2009, 11:46
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Respuesta: Ancho de imagen máximo

lo que podes hacer es que si supera los 550px se corte.....

Código CSS:
Ver original
  1. #imgcontainer {width:550px; overflow:hidden;}

Esto hace que toda img que sepere los 550px se corte...probalo y decime

__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #5 (permalink)  
Antiguo 21/12/2009, 12:01
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Ancho de imagen máximo

Si to te funciona lo que propone DragonX, puedes probar con la propiedad max-widht.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #6 (permalink)  
Antiguo 22/12/2009, 11:04
Avatar de FirefoxKing  
Fecha de Ingreso: noviembre-2009
Mensajes: 18
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Ancho de imagen máximo

Muchas gracias por las respuestas, ya funciona perfecto!
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 07:52.