menu Css - Firefox ti voglio bene, ma IE è meno "schizzinoso"

**Dadoo** · 14-12-2007, 11:19

Ragazzi,
mi è venuto spontaneo il titolo di questo post dovo diverso tempo che usa mozila Firefox ormai come browser predefinito.

Vorrei chiedervi un consiglio riguardo ai css che ho usato nella mia pagina per fare un menu.
Se copiate il codice allegato in una pagina html e lo aprite con IE vedete che quando passate sui link il css fa il suo lavoro....
ma con firefox non funziona nulla....mi traballa tutto...vorrei chiedervi eventualmente dove sta l'errore.

codice:

<html>
<head>
<style>
#Nav .line {
	BORDER-TOP: #999999 1px solid; MARGIN: 5px 0px 5px 0px
}
#Nav A:visited {
	COLOR: black

}
#Nav A:hover {
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-BOTTOM: #000000 1px solid; 
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none;
	COLOR: black
}
</style>
<body>
<DIV ID="layer1"></DIV>
<DIV id=Nav>
<DIV class=line></DIV>

<a href="">

<font color="#FF0000">›</font>Link 1</P></a>
<a href="">

<font color="#FF0000">›</font>Link 2</P></a>
<DIV class=line></DIV>
<a href="" >

[b]<font color="#CC0000">›Home Page</font></P></a>
</div>
</body>
</html>
<head>

**Mich_** · 14-12-2007, 11:27

Dura far funzionare quel codice.
Ci sono tag obsoleti (potrebbero non essere riconosciuti nei browser moderni), ci sono vari errori di sintassi, sia nell'HTML che nel CSS e infine ci sono formattazioni tramite tag o attributi HTML (che notoriamente impediscono al CSS di lavorare, specie nei browser conformi)

Fai una passata dai validatori prima HTML, poi CSS, correggi e poi verifica se i problemi permangono.

**blekm** · 14-12-2007, 11:30

mi riferisco al tuo titolo, e faccio un appunto.

A Firefox vuoi bene, ed è lui che interpreta (insieme a Opera) in maniera migliore i css.

Ergo -> se qualcosa funziona su IE e non su FIREFOX, forse hai qualche problema col codice.

Visto che IE ha un'intepretazione dei css tutta sua

**Dadoo** · 14-12-2007, 13:17

ok ragazzi,
grazie per le risposte....
dove posso trovare il link del validatore html ?

io vi ho postato la versione ligth del mio html....
la pagina in realtà è leggermente piu' complessa ed è in formato .php !

posso validarla ugualmente giusto ?

**blekm** · 14-12-2007, 13:19

Originariamente inviato da Dadoo
ok ragazzi,
grazie per le risposte....
dove posso trovare il link del validatore html ?

io vi ho postato la versione ligth del mio html....
la pagina in realtà è leggermente piu' complessa ed è in formato .php !

posso validarla ugualmente giusto ?

si, puoi validarla.

http://validator.w3.org

**Dadoo** · 14-12-2007, 14:01

non funziona questo validatore
neanche se inserisco altri indirizzi

**Dadoo** · 14-12-2007, 14:07

Ragazzi,
vi faccio la domanda in un altro modo:

se ho 5 <a href> nella mia pagina
ma solo a 2 link voglio attivare il seguente foglio di stile in modo che al passaggio del mouse si colori il contorno....come posso fare ?

BORDER-RIGHT: #ffffff 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #ffffff 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BACKGROUND-COLOR: #ffffff;
TEXT-DECORATION: none;
COLOR: black

solo se scrivo questo semplice foglio di stile gia con firefox nn funziona:

codice:

A:hover {
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-BOTTOM: #000000 1px solid; 
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none;
	COLOR: black
}

**Myaku** · 14-12-2007, 14:32

Originariamente inviato da Dadoo
non funziona questo validatore
neanche se inserisco altri indirizzi

se validi un file .php come lo stai progettando, il validatore va in palla. Ciò che devi validare è il markup in output, ovvero quello che vedresti andando su Visualizza > sorgente pagina dal browser.

**Myaku** · 14-12-2007, 14:32

Originariamente inviato da Dadoo
Ragazzi,
vi faccio la domanda in un altro modo:

se ho 5 <a href> nella mia pagina
ma solo a 2 link voglio attivare il seguente foglio di stile in modo che al passaggio del mouse si colori il contorno....come posso fare ?

usi una classe

Cyà

**Dadoo** · 14-12-2007, 14:42

Originariamente inviato da Myaku
usi una classe

Cyà

cioè ?
ho provato ma con firefox non funziona !
continua a saltellare !

hai mica un codice per capire bene...

Discussione: menu Css - Firefox ti voglio bene, ma IE è meno "schizzinoso"

Strumenti discussione

Ricerca discussione

Visualizza

menu Css - Firefox ti voglio bene, ma IE è meno "schizzinoso"

Re: menu Css - Firefox ti voglio bene, ma IE è meno "schizzinoso"

Permessi di invio