Rollover e link inesistenti con Firefox ma funzionanti con Internet Explorer

**101south** · 31-07-2010, 02:40

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

**Prill** · 31-07-2010, 16:16

Ciao 101south, i tuoi link non funzionano perché sono inseriti in maniera non corretta

codice:

<tr><td class="LEV-1">Home</td></tr>
<tr><a href="Sprachtrainings.htm"><td class="LEV-1-EVD">
Sprachtrainings</td></a></tr>

il link va all'interno della cella e non all'esterno, quindi eventualmente

codice:

<tr><td class="LEV-1">Home</td></tr>
<tr><td class="LEV-1-EVD"><a href="Sprachtrainings.htm">
Sprachtrainings</a></td></tr>

andando al css avresti (riporto da una parte qualsiasi di codice) non

codice:

a .Spr-trngs-EVD {
	...omesso
}

a:hover .Spr-trngs-EVD {
	... omesso
}

ma

codice:

a.Spr-trngs-EVD {
	...omesso
}

a.Spr-trngs-EVD:hover  {
	...omesso
}

e la classe impostata direttamente sul link e non sulla cella (fra l'altro non lasciare spazi vuoti nel nome di file o di cartelle perché questo può generare errori, quindi non A-D Imgs ma magari A-D_Imgs

In realtà un menu può essere creato molto più semplicemente seguendo questo tutorial, senza neanche ricorrere ad elenchi

**101south** · 20-08-2010, 15:45

Salve, ho provato a mettere in pratica il consiglio... (metto per ora da parte il tutorial consigliato).
Sbaglio in qualcosa, ma non riesco a capire dove. Potresti controllare il codice per favore?
Io vorrei semplicemente che come effetto rollover cambi lo sfondo. Ma, come potrete verificare voi stessi, non c'è nè il colore voluto per "a" nè quello per "a:hover". Dove sta l'errore?

Questo è il codice HTML:

<body>

<div class="Barra-Contenitore">
<table style="width: 100%; height: 100%">
<tr>
<td class="Home"></td>
<td class="Kontakt"></td>
</tr>
</table>
</div>

</body>

-----------------------------

Questi gli stili:

.Barra-Contenitore {
width: 300px;
height: 100px;
}
a.Home {
background-color: #808080;
}
a.Home:hover {
background-color: #000000;
}
a.Kontakt {
background-color: #0000FF;
}
a.Kontakt:hover {
background-color: #000080;
}

**Prill** · 20-08-2010, 16:41

Hai creato nuove classi per i link (Home, Kontakt), è dunque ai link che devi applicarle e non alle celle

**101south** · 21-08-2010, 03:21

Ciao, ho provato ad applicare la classe ai link, ma ancora niente.
Riporto solo la parte interessata e probabilmente errata:

<td></td>

Io comunque ho eseguito alla lettera il tuo consiglio precedente, in cui riportavi:
(<tr><td class="LEV-1">Home</td></tr>), ovvero la classe applicata alla cella.
Ora che comunque la applico al link, non cambia nulla.

...Ma dov'è l'errore?

**Prill** · 21-08-2010, 17:06

Ciao, il lnk dato in precedenza non è stato aggiornato, i link sono ancora all'esterno delle celle, puoi aggiornarla con le nuove indicazioni così vediamo se va e se non va possiamo capire meglio dov'è il problema?

**101south** · 21-08-2010, 18:11

Ciao!

Non ho capito alcune cose:
1) Cosa intendi con "link dato in precedenza"?
2) Perché i link sono esterni? Eppure sono dentro al tag "<td></td>"...
3) Cosa intendi per "nuove indicazioni"?

Potresti scrivermi il codice html corretto, in sostituzione a questi due che a quanto pare non funzionano?
a) <td></td>
b) <td class="Home"></td>

...Grazie...

Discussione: Rollover e link inesistenti con Firefox ma funzionanti con Internet Explorer

Strumenti discussione

Ricerca discussione

Visualizza

Rollover e link inesistenti con Firefox ma funzionanti con Internet Explorer

dov'è l'errore?

Permessi di invio