Problema link menù

[Panto91]

Salve a tutti, ho un problema in un bottone (immagine in rollover) su questo sito: http://www.jollybeachtennis.com

L'ultimo link del menù (LINKS) non funziona come dovrebbe nel senso che il rollover funziona solo e soltanto su firefox ... né su internet explorer né su google chrome funziona.

mentre tutti gli altri link del menù funzionano correttamente su tutti i browser ...

potete aiutarmi?

Grazie

Francesco

EDIT: Dimenticavo ... funziona anche su Safari

[tas]

Il validatore rileva parecchi errori, prova a risolverli e vedi se si sistema.
http://validator.w3.org/check?uri=ht...Inline&group=0

[Panto91]

ho controllato, gli unici problemi che ho visto sono relativi a javascript generato da dreamweaver che ha sempre funzionato perfettamente ... non capisco proprio cosa sia...

puoi darci un'occhiata?

funziona tutto tranne su quei due browser li!!!

[Panto91]

qualcuno può aiutarmi ...???

[Panto91]

scusate se insisto ma ho bisogno di risolvere questo problema ... ho rifatto da capo il sito perchè ho voluto cambiare stile ... il validatore mi da solo problemi in una zona di codice che non ho generato io ma dreamweaver e so al 100% che funziona ... dato che ho 3 o 4 siti con rollover generati da dreamweaver ed essi funzionano alla perfezione su tutti i browser.

quindi mi chiedo, come posso risolvere?

grazie

www.jollybeachtennis.com

[tas]

Sembra un problema legato all'ID "links", forse in giro nella pagina c'è un altro elemento chiamato così e il sistema non funziona. Cambiandolo funziona (ho messo "linkss" al posto di "links"):

<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('linkss','','http://www.jollybeachtennis.com/wp-content/themes/tema2/images/btn_links_on.png',1)">
    
</a>

Non capisco comunque il senso di utilizzare javascript per un effetto facilmente realizzabile da CSS...

[Panto91]

come si farebbe con css?

[tas]

Nella parte HTML il codice si semplifica e grazie al tag span hai comunque un testo leggibile qualora nel sito sia entrato uno spider di un motore di ricerca:

<div id="menu">
    <span>Home</span>
    ...
    <span>Links</span>
</div>

mentre nel CSS avrai qualcosa del genere (mi sono limitato solo al pulsante Home):

#menu a span
{
    display: none; /* nasconde tutti gli span del menu */
}

#home
{
    display: block;
    width: 69px; /* larghezza e altezza della immagine */
    height: 43px;
    float: left;
    background-image: url(/wp-content/themes/tema2/images/btn_home.png);
}

#home:hover
{
    background-image: url(/wp-content/themes/tema2/images/btn_home_on.png);
}

[Panto91]

grazie mille mi hai salvato

adesso vedo se fare quella modifica e di fare tutto in css perchè è cmq un po scomodo scrivere non so quanti id in css per ogni voce di menù...

dato che dw fa tutto da solo in javascript.

cmq grazie infinite

potete chiudere

[tas]

E' anche per questo motivo che non progetto in DW...