Onmouse over op tekst. Het lukt niet.

**Hans Oude Weernink** · 10-12-2011, 22:39

Hoi,
Ik heb een website met css file waar nog geen onmouse over op de linkjes in de content staan. Het lukt me helaas niet om dit voor elkaar te krijgen. Wie zou mij hierbij willen helpen?

Het CSS bestand ziet er zo uit.

/* CONTENT SECTION */
#content {
background: url(images/content.png);
padding: 10px 69px 0 85px;
text-align: left;
min-height:200px;
color: #000;
}

#content p {
font-size: 75%;
color: #222;
a: color: #17a3e1; text-decoration: underline;
a:hover: text-decoration: underline;

}

De pagina waar het om gaat ziet er zo uit:

<div id="content">
<h2>kopje</h2>
<p>tekst <a href="..."linkje</a>tekst</p>
</div>

Deze 2 regels heb ik toegevoegd, maar het werkt niet helaas.

a: color: #17a3e1; text-decoration: underline;
a:hover: text-decoration: underline;

B.v.d.
Hans

**Jaime D** · 10-12-2011, 22:45

Ik zou eerst eens een tutorial HTML doen en daarna een tut CSS...

**Roel Schell** · 11-12-2011, 05:58

Hallo Snahtter,
Advies: maak je links eenvoudiger zonder images.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">

a:link {
color: #000099;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000099;
}
a:hover {
text-decoration: underline;
color: red;
}
a:active {
text-decoration: none;
color: #000099;
}
</style>
</head>
<body>
<div>
<h2>kopje</h2>
<p>tekst <a href="linkje">link tekst</a></p>
</div>
</body>
</html>

Onmouse over op tekst. Het lukt niet.