[CSS] color wordt niet uitgevoerd

[Verwijderd]

Ik heb hier een vrij bizar probleem en kom er niet echt uit.
Probleem is volgende ;
ik heb een stukje css :

code:

.today{
    text-align: center;
    font-weight: bold;
    color:#FF0000;
}

en daarbijhorend een stukje html op welke de css van toepassing is:

code:

<table>
  <tr>
    <td class="today"><a href="#">15</a></td>
  </tr>
</table>

Dit is het relevante deel, wat gebeurt er nu : alle css properties worden correct ingesteld behalve "color". Gelijk wat ik daar invul, de kleur blijft dezelfde als deze die ingesteld is voor het "table"element ipv dat dit overschreven wordt.

Alle andere mogelijke soorten opmaak (lettergrootte, bold,...) worden wel goed weergegeven. Nu is dit wel vrij bizar en vervelend aangezien op die plaats wel een ander kleur moet.

Probleem doet zich voor in firefox, IE (6) en Opera, andere hebk niet getest.
Ook al geprobeerd om de naam van de kleur mee te geven : werkt ook niet en

code:

.today td{}

doet ook niets. Ik heb echt geen flauw idee waar het kan aan liggen, in andere klasses is er niets mis met een color element enkel bij deze dus

[Rickets]

Probeer dit eens:

Cascading Stylesheet:

.today a

[Verwijderd]

wordt ie niet overschreven door je a?

Cascading Stylesheet:

.today a {}

dus

[Verwijderd]

het lijkt me logisch dat

Cascading Stylesheet:

.today td {}

niet werkt, want er staat immers geen td binnen je class today.

[ Voor 34% gewijzigd door Verwijderd op 15-04-2005 12:05 . Reden: was onzin ]

[Charango]

Je moet voor de link een aparte class aanmaken, anders neemt je link de kleur van "a:link" over. Als je het volgende toevoegt zou het probleem opgelost moeten zijn:


.today a:link { text-align: center; font-weight: bold; color: #FF0000; }

[wicher|IA]

Zoals gezegd wordt de waarde overgeschreven door de a die er weer in zit. Dat los je inderdaad op met het volgende:

code:

.today a { }

of dit:

code:

.today, .today a { }

als je het voor alles in de td wilt laten gelden, en niet alleen voor de a's.
a:link is een beetje onzin, je kan beter a doen, dan heb je gelijk alle a's te pakken.

Verwijderd schreef op vrijdag 15 april 2005 @ 11:25:

code:

.today td{}

doet ook niets

Als je dat zou willen doen moet het zo:

code:

td.today { }

Omdat today een class van de td is. Als je .today td doet zoekt-ie naar een td binnen de tag met de class today. En die is er dus niet, er zit niet nog een td in je td.

[ Voor 16% gewijzigd door wicher|IA op 15-04-2005 13:00 ]

[Verwijderd]

Hartelijk bedankt, had niet gemerkt dat de kleur van de link werd overgenomen. Het is dus opgelost

[Verwijderd]

a:link is een beetje onzin, je kan beter a doen, dan heb je gelijk alle a's te pakken.

wanneer je in je site iets hebt staan als

code:

<a name="iets">hier staat iets</a>

dan krijgt dat ook die opmaak mee. over het algemeen wil je de opmaak voor anchor tags juist wel alleen voor je links laten gelden.

[wicher|IA]

@ juaron:

Dat is waar. Ik gebruik anchors echter vrijwel nooit op die manier. (En anders hoogstens zo:)

code:

<a name="iets"></a>hier staat iets

Als je ze alleen als links gebruikt kun je gewoon a doen, anders zul je inderdaad aan de a:link moeten ja.

[Verwijderd]

Als je op je links hebt geklikt (en de a:link verandert in een a:visited) zal je ook problemen kunnen krijgen als je a { } definieert... Vooral met IE. (Ik heb laatst een vergelijkbare situatie gehad met een kalender tabel die ik kleuren geeft m.b.v. CSS)

Het makkelijkste kan je dan doen:

Cascading Stylesheet:

td.today a:link, td.today a:visited, td.today a:active, td.today a:hover {  }

/* of zonder td */
.today a:link, .today a:visited, .today a:active, .today a:hover {  }

[curry684]

Verwijderd schreef op vrijdag 15 april 2005 @ 12:03:
het lijkt me logisch dat

Cascading Stylesheet:

.today td {}

niet werkt, want er staat immers geen td binnen je class today.

Daarnaast doet een lege CSS-rule natuurlijk per definitie geen bal omdat je dan geen waarden in de cascade wijzigt