Rollover e link inesistenti con Firefox ma funzionanti con Internet Explorer

101south · 29 Lug 2010

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

101south · 30 Lug 2010

Come mai non mi risponde nessuno...?

borgo italia · 31 Lug 2010

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 · 31 Lug 2010

ok provo subito!

101south · 31 Lug 2010

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 · 31 Lug 2010

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 · 2010-08-01T02:56:57+0200

Niente da fare. Cambiando come suggerito, la classe non viene riconosciuta e neppure è linkabile, nè su IE nè su FF...

borgo italia · 2010-08-01T08:40:37+0200

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>

Cerca

Cerca

Rollover e link inesistenti con Firefox ma funzionanti con Internet Explorer

101south

Nuovo Utente

101south

Nuovo Utente

borgo italia

Super Moderatore

101south

Nuovo Utente

101south

Nuovo Utente

borgo italia

Super Moderatore

101south

Nuovo Utente

borgo italia

Super Moderatore

Discussioni simili