Juergens-Workshops.de Forum
WebPlus X6: Textfenster mit Scrollleiste/Newsfenster - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Webeditoren (https://forum.juergens-workshops.de/forumdisplay.php?fid=85)
+--- Thema: WebPlus X6: Textfenster mit Scrollleiste/Newsfenster (/showthread.php?tid=36995)



WebPlus X6: Textfenster mit Scrollleiste/Newsfenster - anorak - 01.08.2016

Ich wollte meiner Homepage eine Seite mit Neuigkeiten verpassen. Im Moment ist das sicher noch überschaubar, aber ich möchte auch die alten News nicht immer löschen und immer weiter den Text eingeben im Laufe der Zeit.
Da wäre es eigentlich ganz schön, wenn ich ein Textfeld erstellen könnte, dass dann erstmal Bildschirmfüllend ist (bzw. ordentlich passend) und dann bei Bedarf mit einer Scrollleiste weiter heruntergescrollt werden kann.
Beim Objekt Textrahmen geht das scheinbar nicht (oder ich habe die Funktion hierzu noch nicht gefunden).

Mit den Objekten "Dokumentenrahmen" und "News" bin ich so gar nicht klar gekommen.

Alternativ kann ich natürlich im Laufe der Zeit die Seite immer länger ziehen, was vielleicht auch so gemacht wird. Aber so ein Text-Fenster mit Scrollleiste wäre auch für andere Sachen gar nicht so schlecht (Wobei ich im Moment auch nicht so wirklich weiß, ob das so Bedienfreundlich ist, da der Browser ja auch eine Scrollleiste hat und ich kenne das von mir selbst, wenn man durch eine Homepage scrollt und dann plötzlich ein Textfenster mit Scrolleiste "auftaucht", scrollt man dieses weiter, obwohl man es gar nicht möchte, von daher ist das vermutlich eh ein Fu-Pa).

Vielleicht hat ja jemand eine Idee


WebPlus X6: Textfenster mit Scrollleiste/Newsfenster - Tschipiar - 01.08.2016

Hallo anorak

Zwar arbeite ich nicht mit einem Programm für Webdesign, aber dein Wunsch könnte mit dem CSS-Style "overflow" zum Beispiel wie folgt gelöst werden:

[HTML]
<style>

.textbox {
height:320px;
width:90%;
max-width:480px;
margin:1% auto;
padding:1%;
border:1px solid #ccc;
font:1.5em Arial, Helvetica, Serif;
overflow:auto;
}

</style>
[/HTML]

online Beispiel siehe hier

Ich hoffe, dass dir mein html-Code etwas weiter hilft.


WebPlus X6: Textfenster mit Scrollleiste/Newsfenster - anorak - 01.08.2016

Ich habe es jetzt noch nicht aufprobiert, aber ich sage schon mal danke für die Mühe.
Mit den Befehlen Margin und padding kann ich zwar im Moment nichts anfangen, der Rest ist aber ersichtlich und dürfte ich meinen Wünschen entsprechend editieren können Wink


WebPlus X6: Textfenster mit Scrollleiste/Newsfenster - Tschipiar - 01.08.2016

...
margin = Abstand aussen (erste Angabe: 1% für oben und unten / 2. Angabe: auto für rechts und links)
padding = Abstand innen (nur 1 Angabe = gilt für alles = für oben rechts unten und links)