Überschrift neben Bild? - Das kann doch nicht so schwer sein

[Lukas]

Hi zusammen!

Ich habe gerade ein Problem, das mir eigentlich nicht so schwer erscheint. Ich bin trotzdem nicht in der Lage es zu lösen :-/

Ich habe ein Bild und eine Überschrift:

______________________________
|                            |
|                            |
|                            |
|        Logo                |  Überschrift
|                            |
|                            |
|____________________________|

Und die Überschrift soll vertikal zentriert daneben sein. Das bekomme ich mit CSS leider nicht hin. Bis jetzt klebt es am unteren, rechten Rand des Logos. Kann mir jemand helfen?

  
<div id="header">  
  <img src="images/logoklein.jpg" alt="Logo" id="headerlogo">  
  <h1>  
    Info-Seite  
  </h1>  
</div>  

Vielen Dank und viele Grüße,
Lukas

[Texter mit x]

Versuche doch mal, das Bild auszurichten.

http://de.selfhtml.org/html/grafiken/ausrichten.htm@title=http://de.selfhtml.org/html/grafiken/ausrichten.htm

[Lukas]

Versuche doch mal, das Bild auszurichten.

http://de.selfhtml.org/html/grafiken/ausrichten.htm@title=http://de.selfhtml.org/html/grafiken/ausrichten.htm

Perfekt! Danke schön. Kann man mir noch erklären warum das funktioniert? Für mich macht das kein Sinn, da ich über eine Angabe im <img>-Tag die Position der Überschrift verändere!?

Vielen Dank nochmal!

[Texter mit x]

Wenn ein Bild mit Text in einer Zeile steht, bestimmt das höhere Element die Zeilenhöhe. Stehen beide Elemente auf der gleichen Linie, bestimmt das höhere Element auf jeden Fall auch den Abstand zur vorherigen Zeile. Wenn nun das Bild am Text anders ausgerichtet wird, und nicht mehr auf einer Linie steht sondern tiefer, verringert sich der Abstand zur vorherigen Zeile und der Text rückt nach oben.

[Thorsten Schleppi]

Hallo!

Und die Überschrift soll vertikal zentriert daneben sein. Das bekomme ich mit CSS leider nicht hin. Bis jetzt klebt es am unteren, rechten Rand des Logos. Kann mir jemand helfen?

Was hast du denn bisher mit CSS versucht?
Lade doch mal eine Beispielseite hoch.

Das was du vor hast, lässt sich auf jeden Fall mit CSS lösen. Auf eine Ausrichtung mittels Attributen würde _ich_ in jedem Fall verzichten.
Wenn du uns nicht noch etwas vorenthälst, benötigst du hierzu außerdem die div-Box nicht. Aus semantischer Sicht könntest du dir überlegen, ob dein Logo nicht Teil der Überschrift sein soll.

Viele Grüße
Thorsten