[CSS] Eigen class voor tekst -> link eigenschappen

[me1299]

Ik maak voor een site gebruik van een CSS file. Nu heb ik bovenin mijn site een knoppenbalk bestaande uit tekst. Nu wil ik voor het active menuitem een andere css tag gebruiken.

Ik heb nu het volgende:

.activemenuitem {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2E3F8D;
font-size: 12px;
}

Dit werkt perfect. Alleen nu wil ik voor deze class ook andere link eigenschappen gebruiken.

Nu kwam ik op de volgende code na wat gezoek met goolge:

.activemenuitem {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2E3F8D;
font-size: 12px;

A color: #CECECE
A:hover color: #FFFFFF
A:active color: #FFFFFF
A:visited color: #CECECE
A text-decoration: none;
}

Alleen blijkt dit niet te werken. Mijn vraag is nu wat hiervoor de correcte code moet zijn.

Ik weet dat dit misschien nog een SEARCH achtige vraag is. Ik heb al een lange tijd zitten zoeken maar echt relevante informatie heb ik niet kunnen vinden.

[Verwijderd]

gewoon een weer een aparte class voor die links gebruiken zou ik doen. Lekker SIM-PEL

[me1299]

Op zaterdag 04 mei 2002 00:13 schreef Junt het volgende:
gewoon een weer een aparte class voor die links gebruiken zou ik doen. Lekker SIM-PEL

Ik heb voor me normale links al CSS instellingen.

Nu gebruik ik mijn tag als volgt:

<FONT class='activemenuitem'>

Ik neem aan dat ik niet zomaar 2 tags kan gebruiken. En als mijn link instellingen in mijn laatste tag niet werken zullen ze in een aparte class ook niet werken denk ik.

[Verwijderd]

hmm ik snap er geen kont meer van, je kunt toch gewoon doen van:
<a class="blaat" href=......

[me1299]

Op zaterdag 04 mei 2002 00:27 schreef Junt het volgende:
hmm ik snap er geen kont meer van, je kunt toch gewoon doen van:
<a class="blaat" href=......

ja nu je het zegt

Nog een klein vraagje dan hoe moet zo'n class voor links eruit komen te zien, want mijn huidige manier schijnt niet echt te werken.

.activemenuitemlink {
A { color: #FFFFFF }
A:hover { color: #FFFFFF }
A:active { color: #FFFFFF }
A:visited { color: #CECECE }
A { text-decoration: none; }
}

Dit werkt iig voor geen meter.

[2]

code:

a.activemenulink {
 bla;
}
a.activemenulink:hover {
 bla;
}

etc..

Wel een beetje RTFM.

[Verwijderd]

eigenlijk een beetje wel, maar ik vind het niet erg om hier ff 1 minuutje iets te typen voor mensen die een beetje lui zijn

[Willem]

DeathKnight:
Nog een klein vraagje dan hoe moet zo'n class voor links eruit komen te zien, want mijn huidige manier schijnt niet echt te werken.

Dit werkt iig voor geen meter.

Maar dit is ook bullshit, een class in een class. Dat kan dus niet met CSS. Wat ik zou doen is het volgende en dat is imho redelijk simpel:

Voor elke verschillende a href een aparte class maken, en je maakt voor de "standaard" < a > een default class aan.

code:

a {
  font-family:Arial,Helvetica;
  font-size:11px;
  color:#000000;
  text-decoration:none;
}

a:hover {
  font-family:Arial,Helvetica;
  font-size:11px;
  color:#000000;
  text-decoration:underline;
}

a.melp {
  color:#ff0000;  
}

a.melp:hover {
  color:#00ff00;
}

HTML

code:

<a href="melp.php">pauper</a><br><br>

<a href="sjaakdebever.php" class="melp">niftkees</a>

Snappie?
Hiermee moet je er wel uitkomen lijkt me.

[Verwijderd]

Lees de CSS specificaties er nog maar eens op na, alle properties moet je tussen { en } zetten, en leer je aan dat je achter elke property een puntkomma ( zet.

Verder is dit prima te vinden, bijvoorbeeld op www.w3c.org/TR/CSS2