[HTML] A links volgens CCS behalve een paar

[Bor]

Ik ben bezig met een klein studie projectje waar ik CCS gebruik om links anders vorm te geven, zowel normaal als in "hover" toestand. Nu is het probleem dat de links op 2 delen van de site er nog weer anders uit moeten zien (de hover kleur is hetzelfde als de achtergrond kleur daar). Kan dit uberhaubt en hoe pak je dat aan? Het hele project (in php gemaakt) is opgedeelt in losse files en wordt middels php includes dynamisch aan elkaar geplakt.

[GambitRS]

Staat dit niet in de CSS manual op de w3 site?

[Thijsmans]

Ehh, raar verhaal, dus ook niet helemaal duidelijk. Het lijkt alsof je een class nodig hebt

code:

css:

/* dit is voor gewone links */
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }

/* dit voor andere links */
a.light { color: #ffffff; }

html:
<!-- gewone link -->
<a href="woei" alt="spef">woei</a>

<!-- andere link -->
<a href="spef" alt="woei" class="light">woei</a>

of begrijp ik je probleem niet

edit:
* Thijsmans rent naar BUG

[ Voor 16% gewijzigd door Thijsmans op 26-10-2003 19:37 ]

[coubertin119]

Zegt het principe classes je iets?

Cascading Stylesheet:

a.vla{
color: #555;
}
a:hover.vla{
color: #333;
}

HTML:

<a class="vla" href="http://www.tweakers.net">Link naar een site</a>

Dus, geef die linkjes een aparte class en klaar is kees.

Maar leer eens een keertje CSS, want zo enorm moeilijk lijkt me dit nu niet echt.

Wat Traag Prammenhanger zegt dus ook . (Neem eens niet hetzelfde icoon wil je ).

En het is trouwens CSS, niet CCS.

[ Voor 42% gewijzigd door coubertin119 op 26-10-2003 19:39 ]

[Thijsmans]

* Thijsmans had dit icoon eerder

[GambitRS]

heh, werken de [code] tags niet goed meer ofzo? Ziet er allemaal weer vreemd uit

[coubertin119]

Bekijk [BUG] eens, het bulkt van topics erover .

Prammenhanger, maak de jouwe dan oranje ofzo, valt meer op dan .

[Clay]

en het kan zonder classes ook met de [spatie] selector;

Cascading Stylesheet:

#menu a {
   /* links in div met id menu */
}

#content a {
   /* linsk in div met id content */
}

met

PHP:

kleurtjes! 
<div id="menu">
  links enzo
</div>

<div id="content">
 andere links enzo
</div>

[ Voor 15% gewijzigd door Clay op 26-10-2003 19:43 ]

[Bor]

Thanks, probleem opgelost ! Ik kon niets in de CSS manual vinden omdat ik niet wist waar te zoeken.

[Rickets]

Bor_de_Wollef schreef op 26 oktober 2003 @ 19:56:
Thanks, probleem opgelost ! Ik kon niets in de CSS manual vinden omdat ik niet wist waar te zoeken.

Misschien wat lastig als je de term niet weet, maar het staat dus allemaal hier:
http://www.w3.org/TR/CSS21/selectors.html