Kleur van link anders als in CSS?

Vinzz · **09-04-2003, 16:17**

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

)

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....

**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)

**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

of

Code:

A:link.link {
	COLOR: #CC0000; TEXT-DECORATION: none

want de standaard links moeten natuurlijk hetzelfde blijven

edit: sorry als ik wat onduidelijk ben

**09-04-2003, 18:18**

Ah, ik snap het

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

Dus dat moet je niet veranderen

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

**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

Enlightenment · **10-04-2003, 14:31**

Citaat:

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

Soortgelijke topics
Forum	Topic	Reacties	Laatste bericht
Software & Hardware	[Centraal] Webdesign & sitechecks topic - [Deel 3] M@rco	276	19-06-2009 07:36
Software & Hardware	[Centraal] Webdesign (HTML/CSS) & sitechecks Enlightenment	511	10-08-2006 14:14
Software & Hardware	[Centraal] HTML/CSS/Javascript Enlightenment	499	05-01-2005 21:42
Software & Hardware	[CSS/HTML] rare <'s niemand	14	07-04-2003 22:12
Software & Hardware	[Css] Font TIGEK	9	07-03-2003 09:30
Software & Hardware	[Sitecheck] fan site mixtape	26	10-09-2002 14:25

09-04-2003, 16:17
Vinzz	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 ) alvast bedankt

09-04-2003, 16:41
Verwijderd	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>

09-04-2003, 17:49
Verwijderd	class="link" (als ik je teminste goed begrijp)

09-04-2003, 17:58
Vinzz	maar wat moet ik dan onderaan bij de style zetten.. ? Code: B:link { COLOR: #CC0000; TEXT-DECORATION: none of Code: A:link.link { COLOR: #CC0000; TEXT-DECORATION: none want de standaard links moeten natuurlijk hetzelfde blijven edit: sorry als ik wat onduidelijk ben Laatst gewijzigd op 09-04-2003 om 18:03.

09-04-2003, 18:18
Verwijderd	Ah, ik snap het Die a staat voor <a> <a href=""> dus Dus dat moet je niet veranderen Die .link die ik erachter zet mag je wel een andere naam geven..

09-04-2003, 18:44
Vinzz	okie thnx. het is nu gelukt niet helemaal op die manier maar dat zal ik nog even onderzoeken

09-04-2003, 18:58
Verwijderd	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; }

10-04-2003, 14:20
Enlightenment	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> __________________ Per undas adversas (tegen de stroom in) Laatst gewijzigd op 10-04-2003 om 14:23.

10-04-2003, 14:25
-niels-	moeilijk he die kleurtjes __________________ If you dont like oral sex, keep your mouth shut... I'll spray my love all over your face.... ->PAS OP IK HIJACK JE NICK<- • Mr. Mysteria •

Advertentie