Bereiche
News
Rewind
Tipps & Berichte
Forum
Galerie
Journals
Events
Umfragen
Themenwoche
Kleinanzeigen
Interaktiv
Anmelden
Registrierung
Zu allen empfangenen Nachrichten
Suche...
Zur erweiterten Suche
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
28.03.09
15: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..
Hilfreich?
0
Kommentare
dreyfus
28.03.09
15: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)...
Hilfreich?
0
muplo
28.03.09
16:22
Ich kann kein CSS
Hilfreich?
0
muplo
28.03.09
16:31
<div id="apDiv9">
<style type="text/css">
Overflow: Scroll
</style></div>
so?
Hilfreich?
0
dreyfus
28.03.09
16: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...
Hilfreich?
0
muplo
28.03.09
16: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
Hilfreich?
0
dreyfus
28.03.09
16: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...
Hilfreich?
0
muplo
01.04.09
18:30
Ah cool es klappt
Kann man die Scrollbalken auch verschwinden lassen?
Hilfreich?
0
dreyfus
01.04.09
19:55
Wenn Du overflow auf "auto" statt "scroll" setzt, sollte das gehen...
Hilfreich?
0
muplo
02.04.09
16:15
Oh cool das geht ja wirklich, danke
Kann man denn den Scrollbalken verändern?
Hilfreich?
0
schmidl
02.04.09
16: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.“
Hilfreich?
0
Kommentieren
Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.