Hallo,

ich habe ein Minimalbeispiel gebaut für folgendes Problem: Wenn ich ein Bild als Link verwenden möchte, erhalte ich ein unteres Padding. Dieses habe ich durch eine grüne Hintergrundfarbe sichtbar gemacht. Padding und Margin beim Bild- und Linkelement sind jedoch auf Null gesetzt. So wo kommt das Padding her?

Vielen Dank im Voraus!

HTML:
Code:
<!DOCTYPE html>
<head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="css/style.css"/>
</head>

<body>
   <a id="link" href="index.html"><img id="image" src="img/test.jpg"/></a>
   <img id="image" src="img/test.jpg"/>
</body>
</html>
CSS:
Code:
#link {
   padding: 0;
   margin: 0;
   background-color: green;
}

#image {
   padding: 0;
   margin: 0;
}
Ergebnis:
padding.jpg