Scholieren.com forum - Kleur van link anders als in CSS?

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)

- - Kleur van link anders als in CSS? (https://forum.scholieren.com/showthread.php?t=442738)

Vinzz

09-04-2003 16:17

Kleur van link anders als in CSS?

Even een klein vraagje: is het mogelijk om bijv. 1 link rood te laten verschijnen terwijl andere links op een webpagina allemaal een kleur blauw zijn (zoals gedefineerd in een stylesheet boven in de source van een site).. ?

(volgens mij niet dus :p )

alvast bedankt :)

Kinky

09-04-2003 16:30

Ja dat is mogelijk...

je Style Sheet:

Code:

<style type="text/css">

.link1{color: #414E16; font-family: Verdana;

font-size: 12px; font-weight: bold;text-decoration: none;}

.link1:hover {color: #414E16;}



.link2 {color: #F9FFE7; font-family: Verdana;

font-size: 12px; font-weight: bold;text-decoration: none;}

.link2:hover {color: #F9FFE7;}

</style>

je html:

Code:

<a href="JE LINK" class="link1">LINK1</a><br>

<a href="JE LINK" class="link2">LINK2</a>

Zo moet ie t doen. dacht ik....

Triloxigen

09-04-2003 16:41

gewone link:

Code:

a                 { color: #FFFFFF; }

a:hoover         { color: #FFFFFF; }

andere link:

Code:

a.link                 { color: #000000; }

a:hoover.link         { color: #000000; }

Code:

<a href="pagina.html" class="link">klik</a>

Vinzz

09-04-2003 16:51

ahha thnx ;) kzal proberen :)

Vinzz

09-04-2003 17:34

hm het wil nog niet helemaal lukken..dit is mijn huidige style definitie voor de standaard links zeg maar:

Code:

<STYLE>P {

        TEXT-ALIGN: justify

}

A:link {

        COLOR: #004780; TEXT-DECORATION: none

}

A:hover {

        COLOR: #BFC0DF

}

A:visited {

        COLOR: #004780; TEXT-DECORATION: none

}

A:hover {

        COLOR: #96c8ff

}

</STYLE>

moet ik dan onder toevoegen B:LINK { color } .. of A:link.link {color .... } ....? of nog iets anders? ;) (en dan dus class="B" of class="link" bij de link definitie)

Triloxigen

09-04-2003 17:49

class="link"

(als ik je teminste goed begrijp)

Vinzz

09-04-2003 17:58

maar wat moet ik dan onderaan bij de style zetten.. ?

Code:

B:link {

        COLOR: #CC0000; TEXT-DECORATION: none

Code:

A:link.link {

        COLOR: #CC0000; TEXT-DECORATION: none

want de standaard links moeten natuurlijk hetzelfde blijven

edit: sorry als ik wat onduidelijk ben ;)

Triloxigen

09-04-2003 18:18

Ah, ik snap het :D:D

Die a staat voor <a>
<a href=""> dus

Dus dat moet je niet veranderen :D:D

Die .link die ik erachter zet mag je wel een andere naam geven.. :)

Vinzz

09-04-2003 18:44

okie thnx. het is nu gelukt niet helemaal op die manier maar dat zal ik nog even onderzoeken ;) (y)

eddie

09-04-2003 18:58

Eerst het element, dan de classe, dan de 'event':

Code:

a.rood{ text-color: #FF0000; }

a.rood:hover{ text-color: #0FF000;}



a.blauw{ text-color: #0000FF; }

a.blauw:hover{ text-color: #000FF0; }

Enlightenment

10-04-2003 14:20

Of een default anchor:
a { color: #ff0000; }

en een specifiek type anchor:
a.special { color: #0000ff; }

in je HTML:
<a href="/">Gewone anchor</a>
<a href="/" class="special">Speciale anchor</a>

-niels-

10-04-2003 14:25

moeilijk he die kleurtjes :p

Enlightenment

10-04-2003 14:31

Citaat:

-niels- schreef op 10-04-2003 @ 15:25:
moeilijk he die kleurtjes :p

Alle tijden zijn GMT +1. Het is nu 04:03.