www.tvmovie.de Seitenlayout
Herbi das Wiener Würstchen
- programmiertechnik
Guten Morgen,
wollte mal fragen wie die das auf der Seite www.tvmovie.de gemacht haben.
Also links ist ja so eine blau-weiße Leiste von oben nach unten. Darüber ein Stern und ganz darunter eine Menüleiste von Links nach rechts.
Wie geht das?
Vielen Dank.
Herbi
Hallo,
Wie geht das?
ganz einfach. Der weiß/blaue Streifen ist ein Background-image, das gekachelt wurde. Es ist 22 Pixle hoch (ein blaues Feld mit einem weissen Kästchen) und 1920 Pixel breit. dadurch fällt die vertikale Kachelung erst ab einer Fenstergrösse über 1920 Pixel Breite auf.
Der rest wurde eben dann drumherum geklebt....
Das hier ist es.... (man beachte den Scrollbalken unter diesem Posting, er ist eben 1920 Pixel lang. (In etwa ;-))
<img src="http://www.tvmovie.de/refresh/technik/bilder/filmstreifen.gif" border="0" alt="">
Chräcker
Hi,
ganz einfach. Der weiß/blaue Streifen ist ein Background-image, das gekachelt wurde. Es ist 22 Pixle hoch (ein blaues Feld mit einem weissen Kästchen) und 1920 Pixel breit. dadurch fällt die vertikale Kachelung erst ab einer Fenstergrösse über 1920 Pixel Breite auf.
Der rest wurde eben dann drumherum geklebt....
Genau das ist die Frage: Wie? Kann man das in Schichten machen?
Danke & Gruss
Hallo,
Genau das ist die Frage: Wie? Kann man das in Schichten machen?
ja, auch. ich würde "versuchen", den ganzen Inhalt der Seite in ein Div zu packen, das ich per css-Angaben 22 Pixel vom linken Rand des Fensters (also des übergeordneten body-Bereiches) abrücke.
Jetzt kann man sich trefflich streiten, ob man nun alle anderen Bereiche auch mittels Div-Bereiche (das was Du Schichten nennst) in die Seite gießt (siehe Div und allgemein CSS (hier: Steuerung des Seitenflusses und der Art, wie sich Elemente umfliessen) oder, wie hier geschehen, alles einfach per Tabelle machen. Also eine Tabelle, in dessen Zellen die Bereiche gesetzt werden. Linke Spalte einfach 22 Pixel breit und ansonsten leer lassen, im Rest rein, was nacher zu sehen sein soll....
Wege und Detaildinge gibts dann alerdings mehrere zum Ergebnis... Wie gesagt, hier wurde es mit Tabellen gemacht (einfach mal in den Quelltext schauen....)
Chräcker
Hi,
vielen Dank!
Gruss
HB