Am einfachsten ist es, für den Header einen linken Abstand zu definieren, der das Bild etwas nach rechts rückt. Dazu im Stylesheet Admin → Layout → Skins (HTML) → Stylesheet (Site.style) für die header-ID einen Rand (müsste so ca. 16 Pixel sein) ergänzen:
Das hätte geklappt, vielen herzlichen Dank. Da Sie sich offenbar gut auskennen, vielleicht noch eine Frage: die Abstände zwischen den einzelnen Sidebarobjekten sind mir zu groß, wissen Sie vielleicht wie ich die näher aneinanderbringen kann? Dann wäre es perfekt.
Herzlichen Dank schon einmal für die Beantwortung der ersten Frage.
Der Abstand zwischen den Sidebar-Elementen wird durch dieselbe padding-Definition bestimmt, in der Sie eben den linken Abstand auf Null gesetzt haben. Wenn in einem padding- oder margin-Befehl vier Werte hintereinander folgen, so steht die Reihenfolge der Werte für oben, rechts, unten, links.
In der Anweisung padding: 30px 10px 22px 0; können Sie also den oberen (30px) und/oder den unteren Randabstand (22px) verringern, um die Module näher aneinander zu rücken.
Beispiel: Halbierung des oberen und unteren Abstands
#header {
border-bottom: 10px solid <% layout.linecolor %>;
margin-left: 16px;
}
Alternativ können Sie auch das linke padding in der Sidebar von 16 Pixel auf 0 setzen, was alle Sidebarbestandteile 16 Pixel nach links rückt:
.sidebarItem {
margin: 0px 0px 0px 0px;
padding: 16px 18px 22px 0;
border-bottom: 10px solid <% layout.linecolor %>;
font-family: <% layout.smallfont %>;
font-size: <% layout.smallsize %>;
}
Super!
Herzlichen Dank schon einmal für die Beantwortung der ersten Frage.
In der Anweisung padding: 30px 10px 22px 0; können Sie also den oberen (30px) und/oder den unteren Randabstand (22px) verringern, um die Module näher aneinander zu rücken.
Beispiel: Halbierung des oberen und unteren Abstands
.sidebarItem {
...
padding: 15px 10px 11px 0;
...
}