Wie Sie Text innerhalb einer Bildlaufleiste in CSS einsetzen

Ein CSS-Scroll-Feld können Sie Text innerhalb Ihrer Web-Seite enthalten, die getrennt vom Rest des Textes auf Ihrer Seite steht. Beispielsweise wenn Sie Text in einer Scroll-Box haben, können Sie die Integrität Ihres Designs beibehalten, weil Sie so viel des Textes in das Bildlauffeld einfügen können, wie Sie benötigen. Da das Bildlauffeld eine Bildlaufleiste enthält, kann der Text überlaufen, so viel wie Sie wollen, aber noch nicht das Design Ihrer Seite ruinieren werden.

Anweisungen

1 Melden Sie sich Ihrem Web-Server und öffnen Sie die HTML-Seite, die den Text in das Bildlauffeld enthalten wird.

2 Inbetween "< Körper >" klicken und "< / body >" Tags von Ihrer Seite an die gewünschte Stelle die Text Box und Scroll-Leiste einfügen.

3 Fügen Sie diesen Code:

< Tisch Breite = 40 Border = 0 Ausrichten = Mitte Summary = "" >

< tr >

< td >

Text einfügen hier.

</td >

</tr >

< / table >

4 "Text durch den Text, den Sie in das Bildlauffeld angezeigt werden soll geht hier" zu ersetzen. Ersetzen Sie den Wert "Breite" sowie auf Wunsch.

5 Klicken Sie im Abschnitt "< Head >" der HTML-Seite, und fügen Sie diesen Code:

< Typ style = "Text/Css" >

UL {}

Margin-Top: 0px;

Margin-Bottom: 0px;

Farbe: #333333;

Schriftgröße: 80 %;

Font-Weight: normal;

Rand Links: 20px;

Textabstand links: 20px;

Zeilenhöhe: 1.3em;

}

{.scrollArea}

Breite: 275px;

Höhe: 100px;

Textabstand links: 5px;

Textabstand rechts: 5px;

Rahmenfarbe: #6699CC;

die Border-Width: 1px;

Rahmenart: solid;

Float: left;

Overflow: auto;

}

< / style >

6 Veröffentlichen Sie die Seite "".