Webtipp No.8
Mit dem Overflow-Befehl kann man Bereiche im DIV, P - Tag und auch in Tabellen scrollbare Bereiche definieren. Diese scrollbaren Bereiche ersetzen keine Frames oder Inlineframes, sondern sie dienen nur zum Anzeigen größerer Texte. Es folgen einige Beispiele. Fragen zum Thema beantworte ich gerne. Mailen Sie mir unter: trems@web.de


Scrollbereich in einem DIV - Tag
Beschreibung: Das CSS - Style kommt in den Headbereich. Irgendwo im Bodybereich wird vor und nach einem langem Text ein DIV - Tag gesetzt. Im DIV - Tag wird der CSS - Style mittels eines CLASS - Aufrufes angezeigt. Statt des DIV - Tag könnte man auch ein P - Tag nehmen. Im Endeffekt wird der überlange Bereich mit einer Scrollleiste angezeigt. Man könnte natürlich das gesamte CSS - Style aus dem Headbereich auch im DIV - Tag platzieren. Beides funktioniert gleich.

Beispiel 1: Der HTML - Code für eine Beispielseite.


Und so sieht das in Natura aus
Beispiel 1:
Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  





Scrollbereich in einer Tabelle
Beschreibung: Etwas anders geht es bei dieser Tabelle zu. Hier ist die Tabelle zwischen einem DIV - Anfangs - und Endtag eingebaut. Die CSS - Styleanweisung steht direkt im DIV -Tag.

Beispiel 1: Der HTML - Code für eine Beispielseite.


Und so sieht das in Natura aus
Beispiel 1:
Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  Hier steht ein Beispieltext  


  all © by eckhard trems - www.trems.de    Zu den Webtipps  |   Home  |   Kontakt/Impressum