Foros del Web » Creando para Internet » CSS »

Galeria-DUDA

Estas en el tema de Galeria-DUDA en el foro de CSS en Foros del Web. Hola estoy haciendo una galeria de imagenes para una web laa duda es la siguiente: Como hago para que las imagenes se amolden, o se ...
  #1 (permalink)  
Antiguo 23/02/2011, 15:33
 
Fecha de Ingreso: febrero-2011
Mensajes: 18
Antigüedad: 6 años, 9 meses
Puntos: 2
Galeria-DUDA

Hola estoy haciendo una galeria de imagenes para una web
laa duda es la siguiente:

Como hago para que las imagenes se amolden, o se redimencionen proporcionalmente al DIV donde estan contenidas?
por ejemplo si tengo un div de 300 x 300 px y quiero que las imagenes no sean mas grandes que eso pero que su tamaño sea proporcionado?


si mal no recuerdo habia una regla css que se encargaba de ello....

espero su ayuda

Uburox
  #2 (permalink)  
Antiguo 23/02/2011, 15:44
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Galeria-DUDA

Puedes usar medidas en porcentaje.
Puedes usar las propiedades width:100% y/o height:100%. Salvo que no impote que la imagen se distorsione, lo habitual es usar una de esas dos dimensiones en porcentaje y declarar la otra dimensión como auto. Por ejemplo: img.estilo{width:100%;:height:auto;)
También puedes usar las propiedades min-height, min-width, max-height o max-width en combinación para definir anchos y/o altos máximos y mínimos.
  #3 (permalink)  
Antiguo 23/02/2011, 15:52
 
Fecha de Ingreso: febrero-2011
Mensajes: 18
Antigüedad: 6 años, 9 meses
Puntos: 2
Respuesta: Galeria-DUDA

Cita:
Iniciado por sanxuan Ver Mensaje
Puedes usar medidas en porcentaje.
Puedes usar las propiedades width:100% y/o height:100%. Salvo que no impote que la imagen se distorsione, lo habitual es usar una de esas dos dimensiones en porcentaje y declarar la otra dimensión como auto. Por ejemplo: img.estilo{width:100%;:height:auto;)
También puedes usar las propiedades min-height, min-width, max-height o max-width en combinación para definir anchos y/o altos máximos y mínimos.
el tema es que si hago eso las imagenes no se distorcionarian?
es una galeria de ftos, por ende seria un horror que una foto no se vea desproporcionada....

aparte si yo le pusiera aldiv que las contiene valores, las imagenes osea IMG deberia tener una regla que haga que la imagen se adapte(asi se deformandose o no) porque si no
la imagen sol ose ve la parte que entra en el DIV contenedor.....


nose me ocurre com ohacer
  #4 (permalink)  
Antiguo 23/02/2011, 16:04
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Galeria-DUDA

Cita:
Iniciado por uburox Ver Mensaje
el tema es que si hago eso las imagenes no se distorcionarian?
Ya respondí a eso. Se distorsionará si das el 100% a las dos dimensiones.
Cita:
aparte si yo le pusiera aldiv que las contiene valores, las imagenes osea IMG deberia tener una regla que haga que la imagen se adapte(asi se deformandose o no) porque si no
la imagen sol ose ve la parte que entra en el DIV contenedor.....?
El div tendrá normalmente una medida para el ancho y se permitirá que el alto varíe (o viceversa). Salvo que uses la prodiedad overflow:hidden debería mostrarse toda la imagen.
Es cuestión de jugar con esas posibilidades. Lo mejor es no arriesgarse y procurar que las fotos tengan todas las mismas medidas o aproximadamente las mismas.
  #5 (permalink)  
Antiguo 23/02/2011, 16:14
 
Fecha de Ingreso: febrero-2011
Mensajes: 18
Antigüedad: 6 años, 9 meses
Puntos: 2
Respuesta: Galeria-DUDA

Cita:
Iniciado por sanxuan Ver Mensaje
Ya respondí a eso. Se distorsionará si das el 100% a las dos dimensiones.

El div tendrá normalmente una medida para el ancho y se permitirá que el alto varíe (o viceversa). Salvo que uses la prodiedad overflow:hidden debería mostrarse toda la imagen.
Es cuestión de jugar con esas posibilidades. Lo mejor es no arriesgarse y procurar que las fotos tengan todas las mismas medidas o aproximadamente las mismas.

el usuario es quien pone las fotos no yo, por ende no puede saber el tamaño de las mismas.... es uan galeria dinamica l oqe estoy haciendo (debi decirlo antes) con php para que el usuario suba el mismo sus fotos.

ahroa pruebo con lo que me dijiste
gracias

Etiquetas: Ninguno
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 16:00.