[CSS] 2 linkstylen op je pagina
bijvoorbeeld
Linken in het rood
en andere linken in het blauw
Ik ben het aan het proberen maar het lukt niet echt..
weet iemand de oplossing
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<style type="text/css">
.Link1
{
color: red;
text-decoration: none;
}
.Link2
{
color: blue;
text-decoration: underline;
}
</style>
<a class="Link1" href="#">Linkje</a>
<a class="Link2" href="#">Linkje</a>
.Link1
{
color: red;
text-decoration: none;
}
.Link2
{
color: blue;
text-decoration: underline;
}
</style>
<a class="Link1" href="#">Linkje</a>
<a class="Link2" href="#">Linkje</a>
Edit:
Geen code tags
Geen code tags
Gewijzigd op 01/01/1970 01:00:00 door Wessel Johnson
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jan Koehoorn | template</title>
<link rel="stylesheet" type="text/css" media="screen" href="reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="oop.css" />
<style type="text/css">
a {text-decoration: none;}
a.link1:link,
a.link1:visited {color: #f00;}
a.link1:hover,
a.link1:active {background: #0ff;}
a.link2:link,
a.link2:visited {color: #00f;}
a.link2:hover,
a.link2:active {border: 1px solid #bca;}
</style>
</head>
<body>
<div id="container">
<h1>template</h1>
<p><a class="link1" href="#">linkstyle 1</a></p>
<p><a class="link2" href="#">linkstyle 2</a></p>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jan Koehoorn | template</title>
<link rel="stylesheet" type="text/css" media="screen" href="reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="oop.css" />
<style type="text/css">
a {text-decoration: none;}
a.link1:link,
a.link1:visited {color: #f00;}
a.link1:hover,
a.link1:active {background: #0ff;}
a.link2:link,
a.link2:visited {color: #00f;}
a.link2:hover,
a.link2:active {border: 1px solid #bca;}
</style>
</head>
<body>
<div id="container">
<h1>template</h1>
<p><a class="link1" href="#">linkstyle 1</a></p>
<p><a class="link2" href="#">linkstyle 2</a></p>
</div>
</body>
</html>
Edit:
Even wat dingen uit mijn template verwijderd die er niet toe doen voor dit voorbeeld ;-)
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn