
Großen Banner im dreispaltigen Layout
Hi,
gibt es die Möglichkeit, wenn man ein dreispaltiges Layout hat an den Kopf der Seite ein großen Banner zu setzen, der von der linken Spalte bis zur rechten Spalte alles abdeckt? Und wenn ja, wie groß müsste der sein und wie bekomme ich den eingebaut
Habe von html leider sehr, sehr wenig Ahnung.
Danke schon einmal für Hilfe.
gibt es die Möglichkeit, wenn man ein dreispaltiges Layout hat an den Kopf der Seite ein großen Banner zu setzen, der von der linken Spalte bis zur rechten Spalte alles abdeckt? Und wenn ja, wie groß müsste der sein und wie bekomme ich den eingebaut
Habe von html leider sehr, sehr wenig Ahnung.
Danke schon einmal für Hilfe.
Kazushi - 3. Mär. 2006, 15:23 - Rubrik: Layout: Header

Natürlich geht das; es kommt nur darauf an, wie dieses Banner in Deinem Fall aussehen soll. Ich habe in meinem Blog auch so etwas eingebaut. Das wird zwar im IE nicht richtig angezeigt, aber das liegt daran, dass der IE CSS (style sheets) nicht richtig unterstützt. In Firefox u. a. ist das kein Problem. (Ggf. gibt es da bestimmt einen Trick, damit es in allen Browsern ok aussieht.)
Prinzipiell kannst Du ein Banner über 'Layout > Skins (HTML) > Hauptseite (Site.page)' definieren. Bei mir sieht das z. B. so aus:
<div id="logo"><a href="https://artificial.twoday.net/">< % layout.image name="artificial" % ></a></div>
[P.S.: Die Leerzeichen zwischen den spitzen Klammern und den Prozentzeichen entfernen.]
Den grauen Hintergrund habe ich über 'Layout > Skins (HTML) > Stylesheet (Site.style)' definiert, wo ich eine eigene ID
#logo
angelegt habe. Da sieht bei mir so aus:#logo {
position:absolute;
top:20px; <-- das ist der Raum für die Navigationsleiste ganz oben
left:0px; <-- Banner fängt ganz links an
width:100%; <-- über die ganze Breite der Seite
height:64px; <-- Höhe des Banners
color: #6a6a6a;
background-color:#474946; <-- Farbe: dunkelgrau - ok, fast ;-)
z-index:1;
}
In Deinem Fall müsste man das modifizieren, aber dazu müsstest Du schreiben, wie das bei Dir genau aussehen soll. Über den
z-index
z. B. kann man Ebenen definieren, die "über" der derzeitigen Seite liegen (d. h. deren Inhalte verdecken). Die Inhalte müssen dann eben entsprechend nach unten "verschoben" werden, z. B. mittelsmargin-top: [Wert]px;
.Grüsse,
Claus
Re: Grösse
Bei mir ist natürlich nicht die Grafik an sich = 100%, sondern der gesamte Hintergrund. Dazu habe ich das Banner ganz nach links gesetzt; der restliche Hintergund wird - je nach Auflösung - dynamisch mit einer passenden Hintergrundfarbe aufgefüllt.
Background ist trotzdem eine beliebte Alternative.
Danke erst einmal