DW scrollbares Textfeld mit Hintergrundbild?

Status
Nicht offen für weitere Antworten.
Gnitze

Gnitze

Mitglied
Moin Community,

folgendes Problem bringt mich zur Verzweiflung:
Die Page ist nach unten begrenzt. Nun habe ich einen etwas längeren Text zu platzieren. Also dachte ich an ein Textfeld mit Scrollbalken am Rand. Dafür steht auch ein Slice zur Verfügung. Mein Problem: Das Standard-Textfeld zum Einfügen ist nicht transparent (Hintergrundgrafik des Slice soll unterm Text sichtbar bleiben), und diese Art von Textfelder bleibt im Browser nachher editierbar! Das soll natürlich auch nicht sein.

Soweit mein Prob. Hat jemand einen heißen Tipp, den auch ein html-Laien verstehen kann?

THX!

Gruß aus HH,
trimacon
 
Ja, bei diesem Textfeld, handelt es sich um ein Eingabe Textfeld z.B. für Formulare.

Du musst das hier in deine Zelle einfügen: <div style="overflow: auto;">Der Text</div>


greetz
 
Danke auch. Das löst das Prob aber nicht wirklich. So schreibt er den Text natürlich fein säuberlich, allerdings wiederholt er den Hintergrund nach unten hin, wenn der Text zu lang wird. Und das soll ja gerade durch einen Scrollbar verhindert werden.

Wenn's hilft hab ich mal den Code kopiert:

<TD COLSPAN=3 ROWSPAN=2>
<IMG NAME="basis_22" SRC="Bilder/basis_22.jpg" WIDTH=120 HEIGHT=13 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=19 valign="top" background="Bilder/Text.jpg">
<p class="Stil1">Impressum</p>
<div class="Stil2" style="overflow: auto;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber
tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod
mazim placerat facer possim assum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
</div>
</TD>

Noch jemand ne Idee?
 
Probier mal, das Hintergrundbild so einzubinden:
HTML: 
style="background:url('Bilder/Text.jpg') top left no-repeat;"
Finde ich übrigens eine interessante Kombination von div und Tabelle. ;-] :)
 
is das nich in CSS? dann musste man doch im header erst noch ein, zwei zeilen CSS setzen, oder?
wie und wo genau soll ich den code einfügen? sorry, aber hier is (noch!) n totaler Rookie am Werk... :confused:
 
Nein, keineswegs. Das funktioniert so, wie es da steht. ;)
HTML: 
<TD COLSPAN=4 ROWSPAN=19 valign="top" style="background:url('Bilder/Text.jpg') top left no-repeat;">
Allerdings hast du teilweise schon recht, man kann CSS auch im <head> einer HTML-Datei definieren - muss man aber nicht.

Weitere Infos gibt's (natürlich) bei SELFHTML.
 
Vielen Dank soweit. Leider immer noch nicht das gewünschte Resultat. Der Hintergrund wird nun zwar nicht mehr wiederholt, dafür geht der Text nach unten aber weiter über die Grenzen des Feldes raus, nun aber halt mit weissem Hintergrund.
Gedacht war ja, das die "Textmassen" immer in dem definierten Feld bleiben (Höhe / Breite), bei Überlänge aber ein Scrollbalken für vertikales Verschieben zur Verfügung steht.

Bei SELFHTML war ich natürlich auch schon, konnte aber nichts passendes finden (... das ich auch verstanden hätte...).

Noch ne Idee? Braucht Ihr mehr Infos, Screenshots?
 
Na da würde ich doch einfach mal mit style="height:...px;" die Höhe des Divs mit der Höhe des Hintergrundbildes gleichsetzen. Dann sollte es eigentlich klappen.
 
HEUREKA! Isch werd beklobbt: Es klappt! Vielen Dank!

Und bei SELFHTML hab ich dann noch gefunden, wie ich die Fraben des Scrollbalken anpassen kann. Supi!
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück