Rollover e link inesistenti con Firefox ma funzionanti con Internet Explorer

101south

Nuovo Utente
6 Giu 2010
20
0
0
Salve, ho un piccolo problema, credo di compatibilità tra IE e Firefox.
I link nella barra dei menù e in quella laterali o non compaiono del tutto, o - se compaiono - non sono linkabili e sono comunque diversi.

Io per fare il rollover uso questo metodo (lo scrivo semplificato):

a. Home {
background-image: url('A-D Imgs/Home.png');
width: 80px;
}

a:hover .Home {
background-image: url('A-D Imgs/Home-Rollover.png');
width: 80px;
}


Dipende da questo?


Il sito è questo, visualizzandolo si capisce cosa intendo (le barre sono del tutto diverse):
http://www.azzurro-deutschland.de/Sprachtrainings.htm
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
effettivamente sono completamente diversi.
secondo me, guardando il sorgente con ie e con ff, mi sembra che non dipenda dal css, ma dal fatto che hai fatto (sembrerebbe) un po' di caos con le tabelle.
HTML:
<div id="lato_sinistroSPTR">
<table cellpadding="0" cellspacing="0" style="width: 100%; height: 24px" class="style34">
			<tr><a href="index.htm"><td class="LEV-1">Home</td></a></tr>
			<tr><a href="Sprachtrainings.htm"><td class="LEV-1-EVD">
				Sprachtrainings</td></a></tr>eccetera

prova a mettere gli <a href dentro i <td>
 

101south

Nuovo Utente
6 Giu 2010
20
0
0
Gli <a href dentro i <td> non funzionano... Perlomeno, io non ci riesco...

Questo è l'originale, che su IE funziona ottimamente:
<tr><a href="index.htm"><td class="LEV-1">Home</td></a></tr>

Questo è uno dei tentativi:
<tr><td class="LEV-1" href="index.htm">Home</td></tr>
Ma la classe non viene riconosciuta, nè tantomeno il link funziona...
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
non ci siamo capiti, io intendevo

HTML:
<tr><td class="LEV-1"><a href="index.htm">Home</a></td></tr>

tra l'altro (anche se talvolta funzia) è un errore chiudere i tag accavallati
 

101south

Nuovo Utente
6 Giu 2010
20
0
0
Niente da fare. Cambiando come suggerito, la classe non viene riconosciuta e neppure è linkabile, nè su IE nè su FF...
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
prova così (io faccio in questa maniera)

HTML:
<style type="text/css">
.Home {
display:block;
background-image: url(gianni_1.gif);
background-repeat:no-repeat;
background-position:left;
width: 80px;
color:#663300;
text-decoration:none;
text-align:left;
}
.Home:hover {
background-image: url(gianni_2.gif);
width: 80px;
}
</style>

</head>
<body>
<table width="80" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <td><a href="#" class="Home">HOME</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
 
Discussioni simili
Autore Titolo Forum Risposte Data
D Dreamweaver-attivazione di un suono-audio su rollover del mouse su un link Windows e Software 0
K menu in rollover senza link...possibile? HTML e CSS 4
A Problema rollover su iphone con ios 8.0 HTML e CSS 2
P far apparire immagine sotto testo con rollover Javascript 2
V Problema Rollover con css HTML e CSS 1
R [Risolto] Body onLoad e Immagini Rollover Classic ASP 6
P rollOver su testo cambia jpg Javascript 2
M Effetto rollover sulle immagini: immagine selezionata? Javascript 0
M Immagine diversa al rollover per ogni voce di menu Javascript 2
C rollover particolare... HTML e CSS 2
T flash gallery e rollover HTML e CSS 4
B come si creano i rollover su photoshop su cs3 e superiori? Photoshop 3
WpStyle mappa immagine con rollover HTML e CSS 3
S on rollOver Flash 1
F effetto rollover Webdesign e Grafica 1
C Effetto rollover [era:aiuto urgente!!] Javascript 5
C Rollover e popup Javascript 1
Dragon Problema di rollover Javascript 4
M rollover complesso Javascript 4
B Problemi "parziali" di rollover su FireFox Javascript 0
P Inserire suono in immagine di rollover Javascript 0
N Problema rollover su IE... HTML e CSS 1
Y rollover + preload Javascript 4
S effetto rollover Flash 1
J rollover su immagine con Javascript Javascript 1
Angelo.com Rotazione controllata dal rollover Flash 1
W rollover css per barra di navigazione basata su immagini HTML e CSS 7
M Rollover & Testo Flash 2
L compatibilità browser rollover Javascript 1
S Problema Con L' Effetto Rollover Per Pulsanti Javascript 1
S Rollover su testo HTML e CSS 3
S problema con rollover Webdesign e Grafica 3
S Rollover slideshow su immagini! HELP!!!! Javascript 4
F rollover - problemi con IE 5 Javascript 4
diodo Rollover su tabella Javascript 1
A Rollover jpg senza livelli Javascript 0
A Malfunzionamento Vodafone Station e Kit Powerline D-Link DHP-W311AV Adsl e Connettività 0
D [COMPRO/CERCO] GUEST POST o scambio link per sito di Spiritualità ed Esoterismo. Vendere e Acquistare pubblicita' online 0
S tracciare i link in uscita Google Analytics 1
U Link a doppio file PHP PHP 0
S [CERCO] scambio di articoli con link Offerte e Richieste di scambio links 0
U Link a pagina ed esecuzione file PHP 0
D Inserire link PHP 0
A Regex per isolare link interni con rel noopener PHP 0
Shyson Modificare codice e creare link PHP 0
M Come individuare il link sito entrante Google Analytics 1
W Elenco dei link del file presenti in una cartella PHP 2
P modifica colore A Hover link website . WordPress 2
T Offuscare link pagina web PHP 2
D Estrarre database con link esterno Database 10

Discussioni simili