Hier der HTML Code in dem ich das oben angegebene Stylesheet verwende. Im Code ist die Stelle an der mir das Problem aufgefallen ist kommentiert.
HTML-Code:
<html>
<head>
<title></title>
</head>
<link rel="stylesheet" type="text/css" href="css/daten2.css">
<body>
<div id="header">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1">
<tr height="5">
<td></td>
</tr>
<tr align="left">
<td rowspan=2 width=25"></td>
<td><a href="seiten/news.htm" style="text-decoration: none; font-family: Candara; color:#380536">
<center><img border="0" src="bilder/logo.png"><br>
CranioSacrale<br>
Körper- und Energiearbeit</center></a></td>
<td rowspan=2 width="20"></td>
<td rowspan=2><a href="seiten/news.htm">News</a></td>
<td rowspan=2 width="10"></td>
<td rowspan=2><a href="seiten/info.htm">Über Mich</a></td>
<td rowspan=2 width="10"></td>
<td rowspan=2><a href="seiten/craniosacral.htm">Craniosacral</a></td>
<td rowspan=2 width="10"></td>
<td rowspan=2><a href="seiten/links.htm">Links</a></td>
<td rowspan=2 width="10"></td>
<td rowspan=2><a href="seiten/kontakt.htm">Kontakt</a></td>
</tr>
</table>
</div>
<div id="container">
<H1>Cranio Sacral</H1> // Hier tritt das genannte Problem auf. Wenn ich es als Link definiere gibt es keinen Abstand zur oberen Box und wenn ich alle andere Text-Elemente nutze gibt es einen größeren Abstand zur oberen Box.
</div>
<div id="footer">
<center><a style="font-size:16pt" href="seiten/impressum.htm" target="inhalt">© 2015 Andrea Zinser</a> | <a style="font-size:16pt" href="seiten/impressum.htm" target="inhalt">Impressum</a></style></center>
</div>
</body>
</html>
Ich hoffe ihr könnt mir nun mit meinem Problem helfen und mir sagen was ich generell am HTML Code und dem CSS Code machen könnte.
Danke