Logo

Ein Logo neben der Titelzeile, 760 Pixel breit

Ein Logo neben der Titelzeile, 760 Pixel breit

Ein Logo gehört auf fast jede Seite und es lässt sich ganz einfach neben dem Titel plazieren.


<img src="logo.gif" style="float:right;width:156; height:39;" alt="Logo">
<h1 id="title">Ein Logo neben der Titelzeile, 760 Pixel breit</h1>

Die Eigenschaft plaziert Elemente auf der Seite und lässt andere vorbeifließen. In diesem Fall wird dem Logo float:right zugewiesen. Das bedeutet, dass der folgende Inhalt, in diesem Fall das <h1>-Tag, links vorbei fließt, bzw. links steht.
Mit beendest du diesen Effekt, d.h. für das erste Element, dass nicht mehr floaten soll, musst du clear notieren. Deshalb ist in den Stylesheet-Angaben für den <div>-Container des Menüs u.a. folgendes eingefügt:

#menu {

clear:left;
}