Classe CSS che su firefox funziona e su IE no...

**Chooboo** · 02-02-2008, 13:34

Sto impazzendo con un problema, ma secondo me voi potete aiutarmi

allora, il mio file è un file con questo doctype:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

nel mio file CSS ho la seguente classe:

Codice PHP:


cau {

    font-size: 1.2em;

    font-weight: bold;

        color: black;

        font-style: normal;

}

cau a {

    border-bottom: 1px dotted #DC9204;

}

cau a:visited {

    border-bottom: 1px dotted #DC9204;

}

cau a:hover {

        text-decoration: none;

}

lo style lo importo così:

Codice PHP:


<style type="text/css" media="screen">

        @import url( MIOSITO/style.css );

    </style>

(al posto di MIOSITO c'è l'url http://miosito.net/ )
ORA IL PROBLEMA:

quando nel file vado ad usare la classe cau così:

<cau> CIAO </cau>

su firefox viene caricata correttamente (colore giusto, wight bold...ecc), su IE invece no.
Se provo a validare con w3 validator, mi risulta:

Line 85, Column 83: element "cau" undefined.

Quindi pare che <cau> non lo possa usare così.
Sapete aiutarmi?
Vi ringrazio

ps. ho molti utenti che usano IE.

**Vincent.Zeno** · 02-02-2008, 14:20

nn capisco... "cau" non è un marcatore html e tu lo hai usato come tale

se volevi un classe dovevi scrivere:

codice:

CSS
 .cau { 
} 

HTML 
<p class="cau">Ciao</p>

dove p sta per un elemento valido

o mi è sfuggito qualcosa? :master:

**panta1978** · 02-02-2008, 14:25

Non puoi definire un nuovo tag, ma solo adattare quelli esistenti. Fai così:

codice:

span.cau {
	font-size: 1.2em;
	font-weight: bold;
        color: black;
        font-style: normal;
}
span.cau a {
	border-bottom: 1px dotted #DC9204;
}
span.cau a:visited {
	border-bottom: 1px dotted #DC9204;
}
span.cau a:hover {
        text-decoration: none;
}

codice:

<span class="cau">CIAO!</span>

PS: ricordati di usare nomi significativi per gli stili. A me cau dice poco, ma può darsi che per te abbia significato, nel qual caso va benissimo.

PS2: io sono partito dal tag SPAN, mentre l'illustre collega Zeno qua sopra ha suggerito di usare il tag P. Beh, lì dipende da cosa ti serve.

PS3: Grazie Vincent per la segnalazione.

**Vincent.Zeno** · 02-02-2008, 14:34

@panta1978

:master:

codice:

 <span style="cau">CIAO!</span>

oppure...

codice:

 <span class="cau">CIAO!</span>

???

**panta1978** · 02-02-2008, 14:47

Originariamente inviato da Vincent.Zeno
@panta1978

:master:

codice:

 <span style="cau">CIAO!</span>

oppure...

codice:

 <span class="cau">CIAO!</span>

???

Oops, ovviamente <span class="cau">. Ero distratto, pardon. Edito.

**Chooboo** · 02-02-2008, 15:33

FUNZIONA! GRAZIE

Discussione: Classe CSS che su firefox funziona e su IE no...

Strumenti discussione

Ricerca discussione

Visualizza

Classe CSS che su firefox funziona e su IE no...

Re: Classe CSS che su firefox funziona e su IE no...

Permessi di invio