[css] Diverse mouseovers in 1 tabel

[judgem]

Gegroet,

Momenteel ben ik druk bezig aan een site bestaande uit een tabel onderverdeeld in 3 kolommen (links, midden en rechts). Nu wil ik het liefst in alle3 de kolommen een andere layout gebruiken met name voor mouseovers...

Voorbeeld voor links (grijs):

code:

A:link { TEXT-DECORATION: none ; color: #bbbbbb }
A:visited { color: #ffffff ; TEXT-DECORATION: none }
A:active { TEXT-DECORATION: bold }
A:hover { color: #ffffff ; TEXT-DECORATION: underline }

En rechts (groen):

code:

A:link { TEXT-DECORATION: none ; color: #009900 }
A:visited { color: #ffffff ; TEXT-DECORATION: none }
A:active { TEXT-DECORATION: bold }
A:hover { color: #ffffff ; TEXT-DECORATION: underline }

Alleen is nu het probleem dat hij dus kijkt naar de eerste die hij tegenkomt en alle links kleuren dus automatisch grijs....

Wie kan me helpen?

[Verwijderd]

code:

A.groen:link { TEXT-DECORATION: none ; color: #009900 }
A.groen:visited { color: #ffffff ; TEXT-DECORATION: none }
A.groen:active { TEXT-DECORATION: bold }
A.groen:hover { color: #ffffff ; TEXT-DECORATION: underline }

code:

A.grijs:link { TEXT-DECORATION: none ; color: #bbbbbb }
A.grijs:visited { color: #ffffff ; TEXT-DECORATION: none }
A.grijs:active { TEXT-DECORATION: bold }
A.grijs:hover { color: #ffffff ; TEXT-DECORATION: underline }

Een groene link word dan.

code:

<a href="blaat.htm" class="groen">Groen</a>

En een grijze link

code:

<a href="blaat.htm" class="grijs">grijs</a>

En wij zijn geen zoekmachine. Elke CSS tutorial heeft dit, beetje zieken hiero of op Google had je ook dit antwoord gegeven.

[judgem]

Mijn excuses als je je aangevallen voelde. Alleen is het zo dat zowel links als rechts minstens 30 links staan..

Is daar (behalve PHP want dat gaan we in de toekomst toepassen) geen handigere manier voor?

[Verwijderd]

Op zaterdag 26 januari 2002 12:28 schreef judgem het volgende:
Mijn excuses als je je aangevallen voelde. Alleen is het zo dat zowel links als rechts minstens 30 links staan..

Is daar (behalve PHP want dat gaan we in de toekomst toepassen) geen handigere manier voor?

In principe zou het volgende moeten werken:

td.links a:hover {properties...}

Alle a:hover's die binnen een td.links staan krijgen de properties.

[judgem]

En dan zou ik een TD op deze manier moeten aanmaken:

code:

<td class="links">

Of begrijp ik het nu verkeerd?

[Verwijderd]

Op zaterdag 26 januari 2002 13:27 schreef judgem het volgende:
En dan zou ik een TD op deze manier moeten aanmaken:

code:

<td class="links">

Of begrijp ik het nu verkeerd?

Nee dat heb je goed Maar dan is het dus wel het handigst om in een <td> gelijk een hele reeks links onder elkaar te geven, en niet per regel een <tr> aanmaken.

[judgem]

Ik dank u voor de hulp... Ik denk dat ik eens wat ga experimenteren teneinde er een gulden middenweg in te vinden...

Zoals ik al zei is het de bedoeling om binnen niet al te lang met een database en PHP te gaan werken dus dan wordt het lastig maar aangezien we die opzet niet gaan halen voor de eerstvolgende deadline (het gaat hier om een maandelijks e-zine) doen we het voorlopig nog even in statische HTML..

Nogmaals dank voor de uitleg!