<img> zerstört css formatierung

[MPL]

guten abend,

ich habe folgendes problem:

zu sehen sind 2 boxen die erste news die 2te aktive user....


mein vorhaben in der oberen box war ein bild vor den text "Neuigkeiten" zu setzen jedoch zerstört mir das img die formatierung vom text und der border verschwindet auch zum vergleich in der useronlinebox wie es aussehen sollte also ohne den img klappt alles sobald img davor steht isses kaputt


htmlcode:

 <div class="box_top"><img src="pic/new/pic/newsticker.png" /><h1>Neuigkeiten</h1></div>

verschiebt die schrift...

<div class="box_top"><h1>Momentan aktive Mitglieder (<?=$activeusers_no?>)</h1></div>

funktioniert

css code:

h1 { 
    font-size:          1.1em; 
    padding:            2px 5px; 
    margin:             0 10px 0 5px; 
    color:              #487093; 
    border-bottom:      1px solid #9bb9c8; 
} 
 

.box_top { 
    width:              740px; 
    height:             22px; 
    background:         url('../pic/bg_box_top.gif') no-repeat; 
}

kann mir einer weiter helfen?

 

[threadi]

Soll die Grafik neben der Überschrift stehen? Wenn ja setze sie als Hintergrundgrafik für die Überschrift und verschiebe den Inhalt der Überschrift per padding bis es passt.

 

[MPL]

ja die sache is das ich nicht nur das eine bild haben will sollen verschiedene bilder in verschiedenen titeln vorkommen will nicht für jede schrifft ne extra css class haben eine "universal" class die das problem löst wäre mir da lieber

 

[threadi]

Der einzige Unterschied wäre doch die Grafik? Also ob du nun einen img-Tag einfügst (der das Design zerhaut) oder jeweils eine andere Klasse macht doch kaum einen Unterschied?!

 

[MPL]

joa habs anders geregelt trotzdem thx

 

[crash]

Die Grafik ist doch mehr Design. Die sollte als Hintergrundbild eingefügt werden!

 

[MPL]

          <div class="box_top"><img src="pic/new/pic/newsticker.png" alt="" class="titelpic" /><h1>Neuigkeiten</h1></div>

.titelpic {
padding-left:        4px;
float:            left; 
width:              20px; 
height:             20px;
}

h1 { 
    font-size:          1.1em; 
    padding:            2px 26px; 
    color:              #487093; 
    border-bottom:      1px solid #9bb9c8; 
}