[html] id's en classes - Softwareontwikkeling

zaterdag 19 januari 2002 13:57

Acties:

Topicstarter

Zie voorbeeld:

code:

<html>
<head>
<title>geheimpje</title>
<STYLE TYPE="TEXT/CSS">
BODY { SCROLLBAR-BASE-COLOR: #646464; SCROLLBAR-ARROW-COLOR: #FEC254; } 
#bg A:link, #bg A:visited, #bg A:active { COLOR: #000000; TEXT-DECORATION: none; }
#bg A:hover { COLOR: #FFFFFF; TEXT-DECORATION: none; } 
.toptext { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; COLOR: #CEBF9C; }
.link { COLOR: red; }
.link:hover { COLOR: blue; }
</STYLE>

</head>
<body bgcolor="#312310" text="#000000" bgproperties=fixed id="bg">
<span class="toptext"><b>» Blaat.</b> Blaat <a href="nix">normale zwarte link</a>
<a href="blaat.html" class=link>Deze moet rood worden @*(#&()@*#&</a>.</span>
</body>
</html>

De body heeft een id (bg) en daarin moeten alle links zwart worden. Maar nu heb ik één (of meerdere) links die een andere kleur moeten worden, namelijk rood. Met een class lukt het niet, omdat de body id schijnbaar voorgaat. Heeft hier iemand een oplossing voor?

(Ik heb gezocht, maar weet niet goed waarop ik moet zoeken)

zaterdag 19 januari 2002 16:25

Acties:

crisp

Devver

Pixelated

Waarom geef je je body een id; is IMHO helemaal niet nodig. Verder ben je niet erg consequent in het gebruik van lower/uppercase. lowercase heeft bij mij meestal de voorkeu omdat het 'rustiger' aandoet.
Bekijk dit stukje maar eens:

code:

<html>
<head>
<title>geheimpje</title>
<style type="text/css">
body {
 scrollbar-base-color: #646464;
 scrollbar-arrow-color: #FEC254;
 background-color: #312310;
 color: #000000;
}
A, A:link, A:visited, A:active {
 color: #000000;
 text-decoration: none;
}
A:hover {
 color: #FFFFFF;
 text-decoration: none;
} 
A.link {
 color: red;
}
A.link:hover {
 color: blue;
}
.toptext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #CEBF9C;
}
</style>
</head>
<body>
<span class="toptext"><b>» Blaat.</b> Blaat <a href="nix">normale zwarte link</a>
<a href="blaat.html" class="link">Deze moet rood worden @*(#&()@*#&</a>.</span>
</body>
</html>

bgproperties eruit gelaten omdat er toch geen background plaatje is. Anders kan je dit ook in je css zetten dmv:

code:

1 2	background: url(blaat.gif); background-attachment: fixed;

Intentionally left blank

zaterdag 19 januari 2002 17:23

Acties:

wicher|IA

ipv

code:

1 2	a:link, a:active, a:visited { } a:hover { }

kun je ook gewoon dit doen hoor:

code:

1 2	a { } a:hover { }

verder wat crisp zei

zaterdag 19 januari 2002 18:10

Acties:

Dennis

1 ding:

www.w3schools.com/css

zaterdag 19 januari 2002 23:43

Acties:

Shagura

Topicstarter

het is van een forum, waar ik het een en ander van heb ge copy-paste. Daar zaten al die 'fouten' dus in

maa ik ben er al uit, bedankt iedereen