Gunnar Bittersmann: Logo neben h1 und h2 Überschriften ausrichten

Beitrag lesen

@@Konstantin40:

nuqneH

Es gehört zum Inhalt in einem img Element.
Wie kann man das in dem Fall machen?

Bspw. so:

Angenommen, das Logo hat eine Größe von 100 × 100 Pixel.

Markup:

<header>  
  <img src="logo"/>  
  <h1>example.com</h1>  
  <h2>The world’s best example</h2>  
</header>

Stylesheet:

header  
{  
  display: block;  
  padding-right: 110px; /* Breite des Logos plus etwas Luft */  
  position: relative;  
}  
  
header img  
{  
  position: absolute;  
  margin-top: -50px; /* halbe Höhe des Logos */  
  right: 0;  
  top: 50%;  
}

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)