A, IMG og border
Hej eksperter,Jeg har et problem med en dynamisk ramme omkring billedlinks. Herunder ses et kodeeksempel.
--- index.css ---
*
{
margin: 0px;
padding: 0px;
}
img
{
border: none;
}
a
{
display: block;
margin: 2px 4px;
padding: 5px;
}
a:hover
{
padding: 4px;
border: 1px solid rgb(185, 215, 255);
background: rgba(205, 225, 255, .75);
}
--- index.html ---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<a href="">
<img src="index.jpg">
</a>
</body>
</html>
Tydeligvis ikke den ønskede effekt. Hvordan kan problemet løses? Jeg har eksperimenteret med at lade border være på img, men derved opnås blot flere problemstillinger (og en ordentlig gang slamkode).
Tak.
