Effetto rollover con i fogli di stile

[Anni 80]

Ragazzi mi dite come si fa a realizzare con i CSS il rollover che è presente sulla homepage del sito della macromedia?
Mi riferisco in particolare al rollover presente nella tabella più a sinistra, quella con l'intestazione Featured Products. L'effetto viene generato solo ed esclusivamente quando il mouse passa sul link, mentre nella colonna a fianco l'effetto rollover viene generato anche quando il puntatore passa sul resto vuoto della cella ed in quest'ultimo caso non ho problema a realizzarlo.

Ecco il link macromedia

Grazie.

[Federix]

Forse questo ti può interessare:
http://pro.html.it/articoli/id_201/idcat_8/pro.html

[Anni 80]

Mi riferivo ad un altro tipo di rollover. L'effetto deve realizzarsi solo quando il mouse passa sul link. Mentre nel caso del tutorial il rollover si ha anche quando il puntatore passa su un qualunque punto della cella.

[Federix]

Basta togliere l'attributo display:block dal foglio di stile.

[Anni 80]

Se vedi bene l'esempio sul sito della macromedia, il rollover pur realizzandosi solo quando il mouse passa sul link si estende poi a tutta la cella. Anche dove non è presente il collegamento.

[Federix]

Ma non credo proprio. Io quando esco dalla frase, per esempio Studio MX 2004, il rollover me lo effettua lo stesso, quindi il CSS che è scritto nella pillola funziona alla perfezione.

[Anni 80]

Sarà una questione di browser allora. Ma quando passo sui link

Featured Products

Studio MX 2004

Flash MX 2004

Dreamweaver MX 2004

Fireworks MX 2004

FreeHand MX

ColdFusion MX

Flash Remoting MX

RoboHelp X4


ho l'effetto che ti ho descritto in precedenza.

[Federix]

L'effetto comunque riesco a vederlo solo con IE, con gli altri browser il rollover viene visualizzato come ti dico io.