einem div - h1 und alt-text zuweisen

Hallo Uwe,

die Überschrift h1 fügst du zwischen <div> und </div> ein:

<div id="header">
<h1>Überschrift</h1>
</div>

... also eine ganz normale Verschachtelung von HTML-Elementen - oder meintest du mit "Zuweisung" etwas anderes?

Ein Alt Attribut kann einem img Element zugewiesen werden, nicht aber einem Hintergrundbild. Du könntest stattdessen aber das title-Attribut für das entsprechende div verwenden:

<div id="header" title="Alternativer Text für das Hintergrundbild">
<h1>Überschrift</h1>
</div>

Diese Verschachtelung h1 > div > p halte ich nich für sinnvoll. Im Grunde genommen benötigst du ja nur ein Element, wenn im Header nichts anderes steht als die Überschrift, da kannst du auch auf das div verzichten:

<h1 title="Alternativer Text für das Hintergrundbild">überschrift innerhalb der headergrafik</h1>

... und im CSS-Teil:

h1 { margin:auto; width: 780px; height: 120px; margin-top: 0px; margin-bottom: 0px; background-image:url(firmeneintrag-kostenlos/header-01.jpg); }

Die Überschrift hat dann sozusagen das Bild, welches die Überschrift zum Ausdruck bringt als Hintergrund. Das title-Attribut würe ich dann aber nur einsetzen, wenn es sich vom Text innerhalb h1 unterscheidet.

Das packst du stattdessen mit in die Definitionen für h1 rein, wobei das margin von .headertext einem padding in h1 entspricht:

h1 { margin:auto; width: 780px; height: 120px; margin-top: 0px; margin-bottom: 0px; background-image:url(firmeneintrag-kostenlos/header-01.jpg); color:#603E2D; text-align:left; font-family:verdana; font-size:9px; padding-left:15px; padding-top: 5px; }

Teste mal, ob das in den verschiedenen Browsern mit den Abständen so hinkommt

dann könnte es doch auch so gehen:

<h1 title="Alternativer Text für das Hintergrundbild"><p class="headertext">überschrift innerhalb der headergrafik</p></h1>

.headertext { color:#603E2D; text-align:left; font-family:verdana; font-size:9px; margin-left:15px; margin-top: 5px; font-weight: normal;}

h1 > p würde ich auf keinen Fall verschachteln, das ist kein korrektes HTML - eine Überschrift kann keinen Absatz enthalten; da besser div > h1 verschachteln, falls meine obige Lösung nicht funktioniert.