Hallo,
hoe kan ik er op de volgende pagina voor zorgen dat er geen lijn komt onder de afbeelding maar wel onder de link als ik er met de muis over beweeg:
http://users.telenet.be/HenkR/test/test.html
De grijze kader om de afbeelding moet wel blijven.
CSS:
HTML
hoe kan ik er op de volgende pagina voor zorgen dat er geen lijn komt onder de afbeelding maar wel onder de link als ik er met de muis over beweeg:
http://users.telenet.be/HenkR/test/test.html
De grijze kader om de afbeelding moet wel blijven.
CSS:
Code:
.fotosVastgoed {
font-family: "Trebuchet MS", sans-serif, Verdana, Arial, Helvetica;
margin: 10px;
padding: 10px 0 10px 0;
border: 1px solid #666666;
width: 155px;
height: auto;
float: left;
text-align: center;
background-color: #F4F4F4;
}
.fotosVastgoed a{
color: #000080;
text-decoration: none;
margin: 5px;
}
.fotosVastgoed a:hover{
border-bottom-style: solid;
border-bottom-color: #000080;
border-bottom-width: 1px;
}
.fotosVastgoed img{
display: inline;
margin: 5px;
border: 1px solid #A0ACC0;
}HTML
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>test</title>
</head>
<body>
<div class="fotosVastgoed">
<a href="www.google.com"><img src="test.jpg" /></a><br /><a href="www.google.com">link</a>
</div>
</body>
</html>
