[CSS] A elementen in een class gooien

[Verwijderd]

Het betreft de volgende elementen:

A:link
A:visited
A:hover

Deze kan je in een html file gooien of in een aparte CSS file:

code:

A:link {text-decoration: none; color: #000000}
A:visited {text-decoration: none; color: #000000}
A:hover {text-decoration: none; color: #000000}

Dan gelden die voor de gehele pagina.
Wat ik echter wil is die elementen in een class gooien... Zodat ze alleen voor datgene gelden waar ik die class aan toe heb gewezen. Dus dat ze bv in de class

code:

.links_boven

zitten.
K'zit hier nu al enige tijd mee te kloten maar het wil niet werken

Who's got the answer for me ?!

[Eskimootje]

A:link.linksboven ?

[Willem]

a.linksboven

a class="linksboven"

[RM-rf]

Eskimootje schreef op 12 March 2003 @ 16:23:
A:link.linksboven ?

bijna; TAG[attributes].className:pseudoclass

dus wordt het

code:

A.linksboven:link

[Eskimootje]

RM-rf schreef op 12 maart 2003 @ 16:24:
[...]


bijna; TAG[attributes].className:pseudoclass

dus wordt het

code:

A.linksboven:link

mag allebei tenminste volgens w3

[Verwijderd]

Wat ik dus eigelijk wil, had ik er wel ff bij moeten vermelden... Is dat die link properties in de volgende class moeten komen;

code:

.littleboxes {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #DDDDDD;
    height: 20px;
    width: 75px;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    border: 1px solid #000000;
    color: #000000;
    
    }

Want de elementen color, text-decoration ( die ik hier nu weer uit heb gehaald ) gelden niet voor de links

[ Voor 12% gewijzigd door Verwijderd op 12-03-2003 16:36 ]

[Verwijderd]

Dan snap je dus het principe van Cascading StyleSheets niet. Als je gewoon ná die declaratie dat gebeuren met a.littleboxes:hover doet, dan werkt dat gewoon.

Overigens kun je het antwoord op deze vragen heus wel ergens lezen op het internet, zéker op een informatiebron als www.w3.org.

[Verwijderd]

hulpje:

http://www.google.nl/sear...8&oe=UTF-8&q=css+tutorial
www.w3schools.com/css/default.asp

Succes en leef je uit. Er zijn al veel van dit soort vragen geweest ...

[Verwijderd]

Als ik van .littleboxes a.litteboxes:hover maak, werkt die hele class niet meer. Zet eens een duidelijk voorbeeld neer dan. ( zo n00b ben ik toch niet ? )

[Verwijderd]

Na elkaar, dat is dus niet de troep combineren, dat is de declataties ná elkaar zetten.
Eerst A dan B.

Cascading Stylesheet:

.littleboxes
{
   /* properties here */
}

a.littleboxes:hover
{
   /* properties here */
}

En of je een n00b bent... geen idee, maar je moet wel beter leren lezen.

[Verwijderd]

Voor de mindergevorderden, zo kan hetook, en is wel zo simpel.

Voor de mindergevorderden:

code:

.littleboxes  {
     /* properties here */
}


.littleboxes a {
     /* properties here */
}

.littleboxes a:hover {
     /* properties here */
}

Wat je hier nu zie is de "littleboxes" class en alle linkjes daarin.

[ Voor 3% gewijzigd door Verwijderd op 12-03-2003 17:11 ]

[Verwijderd]

code:

.littleboxes a {
    text-decoration: none;
    color: #000000;
}

Dit werkt Die van Cheatah werkt niet

[ Voor 11% gewijzigd door Verwijderd op 12-03-2003 17:31 ]

[Verwijderd]

Dit werkt Die van Cheatah werkt niet

Dan moet je ook nog eens leren om je probleem goed te beschrijven, want je vroeg dus om iets anders.

[ Voor 20% gewijzigd door Verwijderd op 12-03-2003 17:32 ]

[Verwijderd]

Mja dat van jou werkt sowieso niet
Dan zijn die hele classes gewoon dood

( Maar dat neemt niet weg dat ik dankbaar ben voor de replies )

[ Voor 30% gewijzigd door Verwijderd op 12-03-2003 17:44 ]

[Verwijderd]

( btw deze kan dicht )

[Verwijderd]

Verwijderd schreef op 12 maart 2003 @ 17:44:
Mja dat van jou werkt sowieso niet
Dan zijn die hele classes gewoon dood

( Maar dat neemt niet weg dat ik dankbaar ben voor de replies )

Cheatah ging er van uit dat je de hyperlinks een class wilde meegeven, wat mijn eerste gedachte overigens ook was. Nu blijkt dat je html structuur iets als het volgende is:

HTML:

<div class="blaat">
  <a href="#">Linkje</a>
</div>

in plaats van wat meerdere mensen die in deze thread reageerden dachten:

HTML:

<a class="blaat" href="#">Linkje</a>

Logisch dat je je styles dan op een andere manier moet definiëren. Als je in het vervolg dus nog eens een dergelijke vraag stelt, geef dan ook een stukje html code waar de structuur duidelijk uit wordt

[Willem]

1337_jR:
(btw deze kan dicht )

Dat dacht ik al, 't was namelijk een probleem wat prima op te lossen is dmv goed zoeken en een beetje exprimenteren met CSS.

Verder kun je dat soort dingen in Schop een Modje melden en hoef je er niet apart een reply voor te tikken.