Screenshot
Seitenkopf
Quelltext
Code:
<div id="seitenkopf">
<a href="/" title="Startseite"><img alt="Vereinslogo" src="/layout/bilder/vereinslogo.jpg" height="150" width="150" /></a>
<h1>Schützenverein „Einigkeit“<br />
Autenzell-Rettenbach 1967 <abbr title="eingetragener Verein">e. V.</abbr></h1>
</div>
Stylesheet
Code:
div#seitenkopf {
background: #515e6e;
border-bottom: 1px solid #000;
color: #cdd2d5;
float: left;
width: 60.00em;
}
div#seitenkopf img {
float: left;
padding: 1.00em;
}
div#seitenkopf h1 {
font: 2.8em/1em georgia, serif;
padding: 1.5em 0 1.5em 5.30em;
}
Wo kommt der Abstand unter dem Vereinslogo her? Ich dachte zunächst an die Unterlänge, allerdings brachte auch die Formatierung des Vereinslogos als Blocklevel-Element keine Besserung.