✔ Wie einzeiliges Textfeld und mehrzeiliges Textfeld auf gleiche Länge?

Status
Nicht offen für weitere Antworten.
D

Doubletaker

Mitglied
Ich habe ein Problem, dass ich gerne ein paar einzeilige Textfelder
und paar mehrzeilige Textfelder gerne auf die gleiche Länge stellen
würde. Aber es klappt nicht - mit der Zeichenbreite schaffe ich das
ganze leider nicht.

Nun habe ich mir gedacht, dass ich die mehrzeiligen Textfelder mit
nur einer Zeile versehe und den Scrollbalken abstelle, was ich fast
hingekriegt habe bis auf die Scrollbalken, weil ich nicht weiss wie
ich die Scrollbalken abstellen kann...

Wisst ihr vielleicht wie ich das machen kann?
 
beim Einzeler hast du das Attribut size="" und beim Mehrzeiler (Textarea) hast du das Attribut cols=""(oder war es rows?! argh ich kann mir das nicht merken) :)
 
Du meinst wohl rows... ;)

das meinte ich mit Zeichenbreite...
Das klappt leider nicht so ganz, fehlen
immer ein paar Pixel, aber ich hätte es
gerne exakt...
 
hm nein es sind cols (Spalten) die die breite angeben :)

Was sind ein paar Pixel? 2? 3? 20? Ist es soo gravierend? :)

Ansonsten kannst du eventuell mit CSS etwas erreichen? Schau mal bei selfhtml vorbei ;) (Falls das noch nicht passierte)
 
Also ich würde auch versuchen, mit size und cols die Felder auf die gleiche Länge zu bringen.
Den Scrollbalken eines <textarea> zu entfernen wird Dir sicher nicht wirklich gelingen. Außerdem wäre das auch ziemlicher Quatsch, denn textareas sind nun einmal für mehrzeilige Eingaben da und wenn mehr Zeilen geschrieben wurden, als angeziegt werden, dann muss man ja schließlich nach oben/unten scrollen können.
Also versuch's mit der Länge hinzubekommen und nicht das textarea zu manipulieren.

redlama
 
Also ich hätte es gerne so, nur ohne Scrollbalken -> Anhang 01

Mit der Anpassung über die Breite, kriege ich das nur so hin -> Anhang 02
Da bleiben dann leider 3 Pixel Abstand übrig...

Wie kriege ich das denn über CSS hin?
 

Anhänge

  • 01.gif
    01.gif
    5,9 KB · Aufrufe: 349
  • 02.gif
    02.gif
    5,6 KB · Aufrufe: 259
In dem ersten Screenshot sind die beiden langen Felder mehrzeilige
Textfelder wegen dem Unterschied von drei Pixeln im zweiten Screen-
shot habe ich durch die einzeiligen Textfelder das Problem der 3 Pixel...
 
Hab jetzt zwar nicht ganz verstanden was du meintest... aber mit CSS ist das relativ einfach :)

Beispiel:
Code: 
<table cellspacing="6" cellpadding="5" style="width:400px">
 <tr><td colspan="2">Company<br /><input type="text" style="width:100%" /></td></tr>
 <tr><td>Forename<br /><input type="text" style="width:100%" /></td><td>Surname<br /><input type="text" style="width:100%" /></td></tr>
 <tr><td colspan="2">E-Mail<br /><input type="text" style="width:100%" /></td></tr>
 <!-- et cetera -->
</table>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück