ingrandire img da css

[cerba]

colleghi...è semplice...
vorrei che al hover di un img linkata, la stessa si ingrandisca...
come si può fare?
thanks
Macs

[miki_area57]

prova a definire 2 classi distinte, una con le dimensioni normali dell'immagine e una con le dimensioni maggiori

.normale {
width:10px;
height:10px;
}
.grande{
width:20px;
height:20px;
}

poi dentro il tag img inserisci
onmouseover="this.className='grande'" onmouseout="this.className='normale'"

non l'ho mai provato quindi non so dirti se funziona

[cerba]

ma anche se funzionasse avrei bisogno di 1 classe che vada bene per tutte le gif...un qualcosa del genere:
#bello img a{width:100%;height:100%}
#bello img a:hover{width:150%;height:150%}

e così non scomoderei nemmeno js, mi arrangerei da css....solo k così non prende mannaggia!!

[miki_area57]

#bello img a:hover

sei sicuro che funzioni questo?, cioè a:hover associato ad un altro tag?

[miki_area57]

.normale {
width:100%;
height:100%;
}
.grande{
width:150%;
height:150%;
}

così funzina solo che ti prende il 100% della pagina e non dell'immagine

[cerba]

non è un tag il # serve per richiamare un blocco ( io scrivo in xhtml)
cmq l'ho messo su e mi da questo...vai a farti 2 risate:
http://www.regalidicuore.it/regali/regali.php

[Francis87]

Originariamente inviato da cerba
ma anche se funzionasse avrei bisogno di 1 classe che vada bene per tutte le gif...un qualcosa del genere:
#bello img a{width:100%;height:100%}
#bello img a:hover{width:150%;height:150%}

e così non scomoderei nemmeno js, mi arrangerei da css....solo k così non prende mannaggia!!

#bello img a {width: 100%; height: 100% }

non ha senso..
hai mai visto una struttura come questa?

<img>
link
</img>

[cerba]

se l'avessi vista non vi avrei chiesto nulla...non capisco perchè nn ha senso...io gli sto dicendo k dentro il blocco le immagini linkate devono risultare così....tu quale "struttura" faresti?

[skidx]

a{display:block;}
a img{width:100px;}
a:hover img{width:200px;}