xaverius
14-02-2018, 10:32
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:
<!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:
#link {
padding: 0;
margin: 0;
background-color: green;
}
#image {
padding: 0;
margin: 0;
}
Ergebnis:
6253
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:
<!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:
#link {
padding: 0;
margin: 0;
background-color: green;
}
#image {
padding: 0;
margin: 0;
}
Ergebnis:
6253