« Banner ingrandibili con js e css | Main | Segnalare nuovo sito ai motori di ricerca »
Banner ingrandili SOLO css
By Merlinox | October 4, 2007
All’articolo precedente abbiamo creato un banner estensibile usando JS e CSS, e associando il tutto ad un DIV.
Però si può fare di meglio, sfruttando la proprietà CSS del tag <A>: hover!
Impostando quindi il nostro <A> di altezza fissa, con overflow:hidden, possiamo dirgli di ingrandirlo in rollover!
Ecco il codicello:
<style type="text/css">
a.banner{
height: 60px;
overflow: hidden;
}
a.banner:hover{
height: auto;
}
</style>
<a class="banner" href="http://www.videomarte.com"><img src="http://blog.merlinox.com/MRX/BLOG/foto/th_melita-toniolo1.jpg" border="0" /></a>
Ciao amici!
Tags: HTML
Post simili






October 4th, 2007 at 2:00 pm
Sei il solito porcellone! Fai il bravo che tra meno di 48 ore sarai un marito!
October 4th, 2007 at 2:14 pm
Io studio CSS per voi e voi mi date del porcellone… boh!
October 13th, 2007 at 3:53 pm
Bello! Lo userò!
October 15th, 2007 at 12:28 am
Ottima mossa! E il livello che la contiene deve avere anch’esso una height:auto, giusto?
March 6th, 2008 at 7:25 pm
[...] Banner ingrandibili al passaggio del mouse grazie ai css [...]