Newsgroup: it.comp.www.html
Titolo: effetto rollover

Ho fatto dei pulsanti per pilotare dei link, con l'effetto rollover.
Il codice dei CSS è questo:
img{border-width: 0}
h1{margin: 30px 0 0 200px;color: #408840;font: normal 1.3em
georgia,serif;letter-spacing: 2px}
div#navigation{float: left;padding-top: 20px}
div#navigation ul{list-style-type: none;margin: 0;padding: 0}
div#navigation li{margin: 0;padding:0}
/*div#navigation a{display:block;border-bottom: 3px solid #000} BARRA DI
SEPARAZIONE FRA I BOTTONI*/
div#navigation a{display:block}
div#navigation a:hover{line-height: 1px; /*serve per IE*/}
div#navigation a:hover img{visibility: hidden}
div#navigation a#current:hover img{visibility: visible}
li#one{background: url("images/clip_art/hovaim11og.gif") no-repeat top
left}
li#two{background: url("images/clip_art/hovaim12og.gif") no-repeat top
left}
li#three{background: url("images/clip_art/hovaim13og.gif") no-repeat top
left}
li#four{background: url("images/clip_art/hovaim14og.gif") no-repeat top
left}
li#five{background: url("images/clip_art/hovaim15og.gif") no-repeat top
left}
tutto bene con browser diversi de I.E. mentre quest'ultimo mi lascia dello
spazio fra i pulsanti (messi verticamente fra loro).
Se elimino questo comando:
div#navigation a{display:block}
I.E. avvicina i pulsanti, ma negli altri browser non funziona più il link
e l'immagine sottostante sfarfalla.
Come posso fare per mettere quell'istruzione solo quando si usano browser
diversi da I.E.???????
ringrazio chi mi potrà dare un aiuto
ciao
ac
-- 
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it

 e l'immagine sottostante sfarfalla.
Prova a sostituire la regola che hai scritto con:
div#navigation a{display:block;width: 120px}
o quanto è la larghezza delle immagini. Dovrebbe andare.
Ciao,
    Alessandro Fulciniti

     Alessandro Fulciniti
Ti ringrazio per la risposta adesso I.E. è OK. (anche se non capisco che
cosa centra  WIDTH con la distanza verticale fra oggetti).
Purtroppo però nel mio primo intervento ero stato impreciso:
<tutto bene con browser diversi de I.E. mentre quest'ultimo mi lascia dello
spazio fra i pulsanti (messi verticamente fra loro).>
Avevo detto questo perchè avevo verificato con Opera che era ed è OK,
Netscape e Mozilla mettono davanti al pulsante un piccolo rombo nero che
aumenta la larghezza e poi sono distanziati in altezzaed il Width non li
ha ravvicinati.
Hai idea di perchè questi si comportano cosi????
Inoltre non capisco perchè questi due non colorino le barre di
scorrimento????
ti ringrazio omunque per il suggerimento
ciao
a.capra


 ti ringrazio omunque per il suggerimento
Figurati. Se posso permettermene un paio in più:
- La pagina dovrebbe poter essere consultata anche a risoluzioni minori,
   e dovrebbe andare senza scroll orizzontale anche a 800x600
- eviterei tutto quel grassetto, il testo centrato e giustificato: riducono di molto
   la leggibilità
- L' home page pesa ben 250K... un tempo di attesa superiore al minuto
  per chi ha un modem analogico. Questo significa che un visitatore con un modem
  analogico, difficilmente tornerà a trovarti una seconda volta o navigherà con
  piacere, conoscendo i tempi di attesa. Io toglierei un po' di immagini.. tutte quelle
  foto buttate lì così non danno proprio un bell' effetto.. e rifarei la grafica per cercare
  di stare sotto i 35-50k in tutto.
Saluti,
    Alessandro Fulciniti