Textbox über <hr> tag

[C39]

Hallo Leute,

ich habe auf einem HTML-Formular mehrer dieser Trennlinien vom <hr> tag und
würde gerne darauf ein Textfeld erstellen. Also es soll so sein, dass man auf diese Linien schreibt und beim
Zeilenumbruch sofort zur nächsten Trennlinie geht.

Könnt ihr mir helfen?

 

[Banana_Jones]

Ohne <hr>, dafür eine <textarea> mit dem Linienmuster als Background und entsprechender line-height

 

[threadi]

Mach doch aus dem gesamten Bereich jeweils ein <textarea> und gib diesem als Hintergrund ein Bild, welches diese Linien enthält. Damit erfüllst Du dir denke ich all deine Wünsche.

 

[C39]

Wie meinst du das genau, gibt es schon ein Linienmuster vom Browser bereitgestellt?

 

[scbawik]

Wie meinst du das genau, gibt es schon ein Linienmuster vom Browser bereitgestellt?

Nein, ein Bild mit Linien welches du per CSS als Hintergrund zuweist. Wenn die Linien 20px Abstand haben, gibst du dem Textfeld eine line-height von ebenfalls 20px damit es immer passt.

<style type="text/css">
    textarea {
         background:url(lines.png) repeat;
         margin: 0;
         padding: 0;
         line-height:20px;
    }
</style>
<textarea></textarea>

 

[C39]

Das hat mir geholfen vielen Dank, aber kannst du mir verraten wie ich diese Scrollbar los werde im diesem area und wie man das Area breiter bekommt?

 

[scbawik]

Das hat mir geholfen vielen Dank, aber kannst du mir verraten wie ich diese Scrollbar los werde im diesem area und wie man das Area breiter bekommt?

Mit width und height? Und overflow: auto.

 

[C39]

Funktioniert nicht ich will es so breit wie auf dem Bild aber bei mir werden nur 1/3 angezeigt.

 

[bdt600]

Ich vermute mal, wenn man im Browser zoomt, werden deine Linien Sch... aussehen.