Cambio di classe per una A

**Igreo** · 10-05-2007, 10:10

In pratica, sappiamo che A link, A hover, ecc.. sono di default settati in questa maniera A link = "blu"; A hover= "rosso";!? A visited="viola";

Il problema è che, una volta settati dal CSS i vari A, poi se mi trovo in una A e voglio assegnare un'altra classe ...esempio "menu".. il colore del testo della A non cambia come invece scriptato!

Cosa sbaglio?

Codice PHP:


 A {

        font-size: 11pt;

    text-decoration: none;

    color: #FFFFFF;

}

 A:link {

        color: #FFFFFF;

        text-decoration: none;

}

 A:visited {

     color: #FFF000;

        text-decoration: none;

}

 A:active {

        color: #FFFFFF;

        text-decoration: none;

}

 A:hover {

        color: #555555;

        text-decoration: overline;

}



 .menu {

        font-family: Times New Roman, Garamond;

        font-size: 9pt;

        color: #FFFFFF;

}

 .menu A:link {

        font-family: Times New Roman, Garamond;

        font-size: 9pt;

        color: #FFFFFF;

}





<body>

[url="Javascript:void(0);"]<SUB>[B]MAPPA del SITO[/B]</SUB>[/url]

**Mich_** · 10-05-2007, 10:19

Occhio alla sintassi dei selettori.
.menu a:link (con la a minuscola, altrimenti non va in FF e simili)
individua un tag <a> contenuto dentro un oggetto con classe menu

Nel tuo caso invece hai un tag <a> con classe menu, per cui la sintassi e`:
a.menu:link

**Igreo** · 10-05-2007, 10:29

Niente da fare!!

Io utilizzo questo doctype

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

Ecco il nuovo css

Codice PHP:


A {

        font-size: 11pt;

    text-decoration: none;

    color: #FFFFFF;

}

A:link {

        color: #FFFFFF;

        text-decoration: none;

}

A:visited {

    color: #FFF000;

        text-decoration: none;

}

A:active {

        color: #FFFFFF;

        text-decoration: none;

}

A:hover {

        color: #555555;

        text-decoration: overline;

}





 .menu {

        font-family: Times New Roman, Garamond;

        font-size: 9pt;

        color: #FFFFFF;

}

 A.menu: link {

        font-family: Times New Roman, Garamond;

        font-size: 9pt;

        color: #FF9900;

        background-color: #000000;

}

<SUB>MAPPA del SITO</SUB>

**Mich_** · 10-05-2007, 10:35

Ripeto: OCCHIO ALLA SINTASSI

Se hai dei dubbi passa da un validatore.

**Igreo** · 10-05-2007, 10:37

Cos'è un validatore?

Inoltre non far caso alla A grande, ho provato in tutte e due i modi!

Ma lo stesso vale per la dichiarazione della A normale.. che in questo caso è sempre rimasta in maiuscolo.

**Mich_** · 10-05-2007, 10:39

validatore HTML
validatore CSS

**Igreo** · 10-05-2007, 10:56

body Le tipologie di carattere che contengono degli spazi all'interno del nome dovrebbero essere racchiuse tra virgolette. Se si omettono le virgolette, qualsiasi spazio prima e dopo il nome viene ignorato e qualsiasi sequenza di caratteri di spaziatura all'interno del nome viene convertita in un singolo spazio.

Codice PHP:


 body{

        padding: 0px;

        margin-top: 1px;

        margin-right: 1px;

        margin-bottom: 2px;

        margin-left: 3px;

        font-family: Times New Roman, Georgia, Garamond;

        font-size: 11pt;

        text-decoration: none;

        color: #993300;

}

non capisco dove sia l'errore.. inoltre la stessa dicitura vale per quasi tutte le voci... ???

**Mich_** · 10-05-2007, 11:06

font-family: "Times New Roman", Georgia, Garamond, serif;

**fcaldera** · 10-05-2007, 11:06

Originariamente inviato da Igreo
body Le tipologie di carattere che contengono degli spazi all'interno del nome dovrebbero essere racchiuse tra virgolette. Se si omettono le virgolette, qualsiasi spazio prima e dopo il nome viene ignorato e qualsiasi sequenza di caratteri di spaziatura all'interno del nome viene convertita in un singolo spazio.

Codice PHP:


 body{

        padding: 0px;

        margin-top: 1px;

        margin-right: 1px;

        margin-bottom: 2px;

        margin-left: 3px;

        font-family: Times New Roman, Georgia, Garamond;

        font-size: 11pt;

        text-decoration: none;

        color: #993300;

}

non capisco dove sia l'errore.. inoltre la stessa dicitura vale per quasi tutte le voci... ???

1) Cosa c'entra con il problema originario dei link?

2) Ti ho grassettato un passaggio del tuo ultimo post... significa che 'Times New Roman' va racchiuso tra apici

**Igreo** · 10-05-2007, 11:12

Già.. ma è davvero la prima volta che lo vedo in un CSS... mi è sembrato molto strano e quindi non l'ho capito affondo!

Pardon.

Tornando all'origine.. cosa mi dite?;P

Discussione: Cambio di classe per una A

Strumenti discussione

Ricerca discussione

Visualizza

Cambio di classe per una A

Permessi di invio