Ridimensionare immagini

[maxdata]

Ciao a tutti, esiste una proprietà dei css per ridimensionare le immagini?

Ho trovato questo codice online, secondo il titolo doveva creare anteprime rimpicciolite delle immagini ma in realtà mi mostra solo una sezione dell'immagine...

.div_image_50 { 
    float: left; 
    width: 50px; 
    height: 50px;
    text-align: center;
    overflow: hidden; 
}
.box_image_50 {
    width: 50px; 
    height: 50px; 
    overflow: hidden;
}  
.box_image_50 img { 
    margin: 0px; 
    padding: 0px; 
    height: 50px; 
}

Ho anche letto che dovrebbe esistere un "proprietà" per i css3 è vero? Potete descrivermela?

Grazie

[Prill]

Vedi solo una porzione dell'immagine perché l'inserisci in un div con overflow hidden. E' sull'immagine che dovresti impostare le dimensioni. Ma sarebbe forse il caso di ridimensionarle direttamente da un programma di grafica perché pesino di meno

P.S.: vedo che in realtà l'altezza è impostata sull'immagine nella terza regola, imposta anche la larghezza

[maxdata]

Originariamente inviato da Prill
Vedi solo una porzione dell'immagine perché l'inserisci in un div con overflow hidden. E' sull'immagine che dovresti impostare le dimensioni. Ma sarebbe forse il caso di ridimensionarle direttamente da un programma di grafica perché pesino di meno

P.S.: vedo che in realtà l'altezza è impostata sull'immagine nella terza regola, imposta anche la larghezza

Non ho problemi di peso perché le immagini non sono "hostate" sul mio server ma sono dei link presi da internet devo solo farle entrare correttamente in un div più piccolo. CSS3 non ha niente a riguardo?

[Prill]

Hai specificato anche la larghezza dell'immagine oltre che l'altezza? L'immagine è inserita in un elemento contenitore che si chiama .box_image_50?

[maxdata]

Originariamente inviato da Prill
Hai specificato anche la larghezza dell'immagine oltre che l'altezza? L'immagine è inserita in un elemento contenitore che si chiama .box_image_50?

Si si, infatti così facendo l'immagine viene visualizzata perfettamente nella pagina. Il problema è che se l'immagine è grande io riesco a vederne solo un frammento. Se fossi riuscito a rimpicciolirla sarebbe stato meglio

[Prill]

maxdata, ci fai vedere la tua pagina, così facciamo prima

[maxdata]

La pagina è protetta vi faccio vedere uno screenshot.
Immagine originale a caso: http://www.gratisfree.it/grafica/Dow.../Paesaggi4.jpg
Questo è come io vedo l'immagine

[Prill]

Non serve uno screenshot, avrei voluto vedere il codice completo (css e html).
Se scrivo nel css la regola

.immagine50 {width:50px; height:50px}

e applico la classe a quell'immagine

[img]immagineOriginariamente larga1000pixel.jpg[/img]

l'immagine apparirà ridimensionata.

Se scrivo nel css

.box_image_50 img { 
    width:50px; 
    height: 50px; 
}

e nell'html

<div class="box_image_50">
   [img]immagineOriginariamente larga1000pixel.jpg[/img]
   [img]immagineOriginariamente larga1000pixel.jpg[/img]
</div>

tutte le immagini contenute nel div avranno dimensioni 50x50.
Quindi: o ometti qualcosa o il problema è altrove, ma serve il codice completo

[maxdata]

Sono un idiota...
Avevo sbagliato a scrivere e le classi non corrispondevano, scusatemi se vi ho fatto perdere tempo...

Vi posso chiedere un ultima cosa? Ho notato che questo sistema non è compatibile con i dispositivi mobili. Esiste un motivo? tutto il resto del codice css funziona, ma questo no