Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Software>Dreamweaver - Textfeld

Dreamweaver - Textfeld

muplo
muplo28.03.0915:16
Hallo,

Ich bin gerade an einer Homepage am basteln und hätte da ein Problem.

Ich möchte gerne einen Textbereich oder -feld (keine Ahnung, auch nicht so wichtig) erstellen, der sozusagen fix ist. Also ab einem Punkt, wo der Text zu lange wird, soll ein Scrollbalken erscheinen, sodass man eben runterscrollt. Der Text soll also nicht über die Page runterfließen.

http://s7b.directupload.net/images/090328/c2bhlpnv.jpg

Das ist die Page und der große und leicht transparente Bereich, soll den Text beinhalten und der Text soll da nicht drüber gehen.
Am besten wäre auch, wenn dieses Textfeld überhaupt keinen Hintergrund hat, also transparent ist.

Kann da jemand helfen? Von mir aus auch eine Flash oder Java-Lösung, wobei ich nicht so der begabte in den Bereichen bin..
0

Kommentare

dreyfus28.03.0915:46

Du musst eigentlich nur ein DIV einfügen und mit CSS entsprechend positionieren und formatieren... (Position: absolut, Overflow: scroll, Visibility: visible, Koordinaten für Top und Left, Width, Height und background: transparent)...
0
muplo
muplo28.03.0916:22
Ich kann kein CSS
0
muplo
muplo28.03.0916:31
<div id="apDiv9">
<style type="text/css">
Overflow: Scroll
</style></div>

so?
0
dreyfus28.03.0916:40
Vielleicht hilft dir das Beispiel (beachte den ID Wert des DIV und die Definition im head Abschnitt...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>DIV Test</title>
<style type="text/css">
<!--
#testbox {
    overflow: scroll;
    position: absolute;
    visibility: visible;
    height: 200px;
    width: 200px;
    left: 300px;
    top: 200px;
    background-color: transparent;
}
-->
</style>
</head>
<body>
<div id="testbox">Test test test test test test test</div>
</body>
</html>

Die Werte für top, left, width, height müssen natürlich für deinen Hintergrund angepasst werden...
0
muplo
muplo28.03.0916:52
<div id="apDiv9">
<style type="text/css">
<!--
#testbox {
overflow: scroll;
position: absolute;
visibility: visible;
height: 200px;
width: 200px;
left: 300px;
top: 200px;
background-color: transparent;
}
-->
</style>
</div>

klappt nicht
0
dreyfus28.03.0916:56

1. Du kannst den style Tag nicht im body unterbringen – er muss im head sein, wie in meinem Beispiel---
2. Mit #testbox verweist Du auf die ID "testbox", dein DIV heisst aber "apDiv9"... also entweder die ID des DIVs auch auf "testbox" ändern, oder aber die Definition auf #apDiv9...
0
muplo
muplo01.04.0918:30
Ah cool es klappt
Kann man die Scrollbalken auch verschwinden lassen?
0
dreyfus01.04.0919:55

Wenn Du overflow auf "auto" statt "scroll" setzt, sollte das gehen...
0
muplo
muplo02.04.0916:15
Oh cool das geht ja wirklich, danke

Kann man denn den Scrollbalken verändern?
0
schmidl02.04.0916:19
Kann man, bringt aber nicts, nur für MSIE

Oder du benutzt Javascript..

wenn ich falsch liege bitte korrigieren.

CSS: (wie gesagt funktioniert nur im IE)
scrollbar-3dlight-color: yellow;
scrollbar-arrow-color: red;
scrollbar-darkshadow-color: yellow;
scrollbar-face-color: lime;
scrollbar-highlight-color: yellow;
scrollbar-shadow-color: #CCCCCC;
scrollbar-track-color: #004080;
„ich auch nicht.“
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.