ridimensionare immagine con le classi

[massimo67]

ho creato una classe .miniatura dove ho scritto:

.miniatura{

width: 120px;
height: 100%;


}

ma non mi riduce nulla, cosa devo scrivere nella classe .img per fare in modo di ridimensionare un'immagine.

grazie

[fcaldera]

definisci width OPPURE height,
se li definisci entrambi allora usa le stesse unità di misura (e non px e % )

[massimo67]

ho fatto così ma non mi ridimensiona

.miniatura{

width: 120;


}

[fcaldera]

.miniatura {
width: 120px;
}


ciao

[massimo67]

Originariamente inviato da fcaldera
.miniatura {
width: 120px;
}


ciao

non funzia...guarda cosa succede Link . Se clicchi sul titolo della news si accorcia la descrizione invece di ridimensionare l'immagine.

[fcaldera]

Originariamente inviato da massimo67
non funzia...guarda cosa succede Link . Se clicchi sul titolo della news si accorcia la descrizione invece di ridimensionare l'immagine.

davo per scontato che la classe .miniatura fosse assegnata all'immagine
non al paragrafo che la contiene

allora cambia in

.miniatura img{
width: 120px;
}

p.s. togli anche width e height dall'elemento img o potrebbe non funzionare in certi browser
se usi i css non puoi mantenere gli attributi presentazionali nel markup

[massimo67]

Grande fcaldera !!!

ho aggiunto anche height: 100% sennò mi scassava l'immagine. Tutto ok dunque
quindi se ho ben capito mettendo img dopo la classe si identifica se è l'immagine da modificare o tutto il paragrafo. Buono a sapersi....mi consigli qualche buon testo o qualche link per imparare bene i Css ?

grazie !

[sea_green]

Prova queste!



http://www.w3schools.com/css/
Si tratta una guida in italiano a me ha aiutato molto
http://css.html.it/guide/leggi/2/guida-css-di-base/

Questo è in inglese ed è a metà tra una guida ed un tutorial ed ha per ogni 'comando' CSS l'esempio
http://www.w3schools.com/css/

Spero ti siano utili!