Newsgroup: it.comp.www.html
Titolo: Link con roll hover

In una pagina web ho creato dei bottoni per link, che al passaggio del
mouse cambiano colore, vengono sostituiti da altri che sono sottostanti a
quelli visibili allo stato normale.
Ho utilizzato i fogli di stile con questo codice:
< cut >
<style type="text/css">
body{font: 76% arial,sans-serif;}
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: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/home_mouse.gif") no-repeat top
left}
li#two{background: url("images/clip_art/contatti_mouse.gif") no-repeat top
left}
li#three{background: url("images/clip_art/prodotti_mouse.gif") no-repeat
top left}
li#four{background: url("images/clip_art/laboratorio_mouse.gif") no-repeat
top left}
li#five{background: url("images/clip_art/novita_mouse.gif") no-repeat top
left}
< cut >
<td valign="top" withd="100%">
<div id="navigation" align="center">
<ul>
 			  <li id="one"><a  href="index.htm"><img
src="images/clip_art/home_att.gif" alt="home page"></a></li>
 			  <li id="two"><a id="current" href="contatti.htm"><img
src="images/clip_art/contatti_rip.gif" alt="come contattarci"></a></li>
 			  <li id="three"><a href="prodotti.htm"><img
src="images/clip_art/prodotti_att.gif" alt="i nostri prodotti"></a></li>
 			  <li id="four"><a href="laboratorio.htm"><img
src="images/clip_art/laboratorio_att.gif" alt="il nostro
laboratorio"></a></li>
 			  <li id="five"><a href="novita.htm"><img
src="images/clip_art/novita_att.gif" alt="le novita'"></a></li>
</ul>
</div>
</td>
Con Opera quando passo con il mouse sul bottone, esso viene sostituito, ma
il suo colore sfarfalla e se clicco il link non viene attivato e non si ha
il cambio pagina.
Niemte di tutto questo con I.E., qui le cose funzionano egregiamente.
Qualcuno mi sa dare una spiegazione????
Le prove le ho effettuate in locale sul mio pc.
ciao
augusto
-- 
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it

 Le prove le ho effettuate in locale sul mio pc.
Con quale versione di Opera? Io non ho riscontrato problemi, nè in locale nè online.
Gli esempi on-line dell' articolo ti danno lo stesso problema? La butto lì... saranno
mica le gif? Prova a salvare le immagini come jpg e vedi se succede ancora.
Una curiosità: hai validato css e html?
Saluti,
    Alessandro Fulciniti

     Alessandro Fulciniti
Non so dirti adesso quale versione di OPERA, ti posso mandare una mail
questa sera, ed inoltre verifico gli esempi on line.
Non ho validato il codice, dove posso farlo???


 Non ho validato il codice, dove posso farlo???
per l' html: 
http://validator.w3.org/
e per il css: 
http://jigsaw.w3.org/css-validator/
Ciao,
    Alessandro Fulciniti

     Alessandro Fulciniti
Uso OPERA 7; comunque con questo browser in internet su 
html.it
 la videata
dei bottoni con rollover non mi da problemi.
Ho validato i css e non ci sono errori
html ho delle segnalazioni ma solo sugli attributi di table, td etc . sono
comunque segnalazioni che non capisco (align bordercolor che segnala
errati).
Se vuoi vedere la pagina, l'ho messa al mio indirizzo web:
http://www.acweb-2004.it
non e' l'ultima versione, ma per questo problema non fa niente.
Ho provato a togliere anche il titolo scorrevole fatto con F.P., ma non
cambia nulla.
I css li ho riconfrontati con il codice di 
html.it
 ma non mi sembra di
vedere differenze.
Non ho fatto la prova del bottone da gif a jpg perchè non credo che questo
possa aver influenza


 
http://www.acweb-2004.it
Ciao, sinceramente proprio non saprei a cosa sia dovuto... magari validando il codice
si mette a posto la cosa. Per il discorso gif-jpg .. una buona regola è "mai escludere
una possibilità".  Per il resto, se mi è permesso un parere spassionato... cerca di
adattare il sito anche a risoluzioni minori: a 800x600 se ne vede poco più della metà
e a 1024x768 solo 3/4.. Forse basterebbe ridimensionare un po' le immagini e/o la
tabella. Cmq, se dovessi avere ancora problemi magari scrivimi in privato
(la mia mail è su 
pro.html.it
).
Saluti,
    Alessandro Fulciniti