Banner ingrandili SOLO css | MrX

« 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:

Post simili

5 Responses to “Banner ingrandili SOLO css”

  1. MAvero aggiunge:
    October 4th, 2007 at 2:00 pm

    Sei il solito porcellone! Fai il bravo che tra meno di 48 ore sarai un marito!

  2. Merlinox aggiunge:
    October 4th, 2007 at 2:14 pm

    Io studio CSS per voi e voi mi date del porcellone… boh!

  3. Pigrecoemme aggiunge:
    October 13th, 2007 at 3:53 pm

    Bello! Lo userò!

  4. Andrea@BV aggiunge:
    October 15th, 2007 at 12:28 am

    Ottima mossa! E il livello che la contiene deve avere anch’esso una height:auto, giusto?

  5. links for 2008-03-06 » Traffyk aggiunge:
    March 6th, 2008 at 7:25 pm

    [...] Banner ingrandibili al passaggio del mouse grazie ai css [...]

Comments