Imagenes mas grandes

[moises9633]

quiero poner mis imágenes mas grande que solo quepan 4 thumbnails en cada fila
este es mi css de las imagenes

Código:

.galeria { margin-top:5px; float:left; clear:both; }
.galeria #pelicula { width:164px; height:228px; float:left; position:relative; }
.galeria #pelicula a { text-decoration:none; color:#FFF; font-weight:bold; font-size:14px;}
.galeria #pelicula small:hover { text-decoration:underline;}
.galeria #pelicula small {position:absolute; width:160px; height:28px; top:190px; left:0px; text-align:center; padding-top:7px; cursor:pointer; }
.galeria #pelicula span { background:#000; position:absolute; width:160px; height:30px; top:190px; left:0px; opacity: 0.80; -moz-opacity: 0.70; filter:alpha(opacity=80);}
.galeria #pelicula img { border:0px; width:160px; height:220px;}

mi web es http://www.animex24.com/ para que vean como estan los thumbnails
no puedo ponerlas necesito ayuda de expertos help me please :(

[kseso?]

Sencillo:
sólo tiene que hacer que cada una ocupe 1/4 (25%) del espacio disponible en cada "renglón".

Código CSS:

.galeria #pelicula {width: 25%;} /*suprima el height si lo estima oportuno*/
.galeria #pelicula img {width: 100%;} /*suprima el height para evitar deformaciones*/
 

Y a partir de esas modificaciones sólo es cuestión de ajustar algunas cosillas para seguir manteniendo la apariencia actual y prevenir ciertos efectos no deseados según qué resolución de pantalla o dispositivos se utilicen.

[moises9633]

Iniciado por kseso?

Sencillo:
sólo tiene que hacer que cada una ocupe 1/4 (25%) del espacio disponible en cada "renglón".

Código CSS:

.galeria #pelicula {width: 25%;} /*suprima el height si lo estima oportuno*/
.galeria #pelicula img {width: 100%;} /*suprima el height para evitar deformaciones*/
 

Y a partir de esas modificaciones sólo es cuestión de ajustar algunas cosillas para seguir manteniendo la apariencia actual y prevenir ciertos efectos no deseados según qué resolución de pantalla o dispositivos se utilicen.

no men se me ve mal los thumbnails xq es un plugin tiene que modificarse en pixeles en el css, gracias de todos modos ;)

[kseso?]

Pues si usted dice que obliglatoriamente debe definir el tamaño en px, entonces...

Sólo como curiosidad, ¿es esto lo que quiere lograr?



Y al modificar la ventana del navegador siguen mostrándose 4 por fila:

[moises9633]

exacto!!! asi como lo hiciste en la foto! men nose mucho sobre css tu dices asi ? le agrege los 2 códigos que me diste, disculpa mi ignorancia...

Código:

.galeria { margin-top:5px; float:left; clear:both; }
.galeria #pelicula { width:164px; height:228px; float:left; position:relative; width: 25%;}
.galeria #pelicula a { text-decoration:none; color:#FFF; font-weight:bold; font-size:14px;}
.galeria #pelicula small:hover { text-decoration:underline;}
.galeria #pelicula small {position:absolute; width:160px; height:28px; top:190px; left:0px; text-align:center; padding-top:7px; cursor:pointer; }
.galeria #pelicula span { background:#000; position:absolute; width:160px; height:30px; top:190px; left:0px; opacity: 0.80; -moz-opacity: 0.70; filter:alpha(opacity=80);}
.galeria #pelicula img { border:0px; width:160px; height:220px; width: 100%;}

[kseso?]

Creo que estamos ante un problema de una naturaleza distinta.

Creo que debería dedicarle unos minutos a fijar conceptos y nociones básicas de css. Un buen punto de partida puede ser www.librosweb.es