|
webmaker
Beiträge: 9
|
 Formular - Anordnung Eingabefelder
|
Hallo liebe User,
so langsam kämpfe ich mich durch dynpg.
Beim Kontaktformular habe ich kleine Probleme, die Felder und die Feldbezeichnungen ordentlich untereinander, sprich exakt ausgerichtet, hin zu bekommen.
Anfänglich wird ja das Formular mit 2 Zeilen und 2 Spalten angeboten.
Ich habe dann zunächst erst einmal erweitert, entsprechend Zeilen und Spalten so dass jeder Bezeichner und jedes Input-Feld eine eigene Zelle bekommt.
Das Problem, das Text-Area (mehrzeilig) hat einen Anfasser, mit dem man das Feld größer ziehen kann. Eigentlich keine schlechte Sache, nur damit wird auch die Position der anderen Zellen beeinflusst (sie verschieben sich ein wenig, wenn das Text-Area größer wird). Mit viel Herumprobieren (Anpassung der Zellenbreiten mit width und Löschen der festen Höhe der Gesamtabelle) habe ich das jetzt unterbunden.
Trotzdem möchte ich, daß das Text-Area eine bestimmte Breite nicht überschreitet beim größer ziehen. Leider greift der Befehl max-width nicht, um dies zu realisieren.
Außerdem sieht es nicht schön aus, wenn man das Text-Area in den Bereich der Sidebar ziehen kann.
Dieses Verhalten sehe ich leider bei sehr vielen Webseiten. Bisher war ich mitt der max-width Angabe zum Ziel gekommen.
Wie könnte man nun das mehrzeilige Textfeld in der Breite begrenzen?
Viele Grüße
|
webmaker
- mein Verstand sagt mir - es geht noch besser -
|
|
|
|
|
07.10.2012 22:17
|
ZITIEREN
| ANTWORTEN
|
|
Urs Gamper
Beiträge: 530
|
Hallo
Schön, dass es vorwärts geht. :-)
Die Formularfelder lassen sich wirklich am besten über CSS formatieren, damit diese alle die gleiche Breite haben.
Allerdings sehe ich bei den mehrzeiligen Textfeldern keine Möglichkeit, diese in der Breite zu beschränken. Diese Möglichkeit wird ja von den Browsern vorgegeben. Ich muss da morgen auch erst einmal googeln gehen und schauen, ob es diese Möglichkeit gibt. Mir ist bisher nichts bekannt.
Grüessli
Urs Gamper
|
gamper media GmbH
5621 Zufikon
+41-56-631 80 23
|
|
|
|
|
07.10.2012 22:25
|
ZITIEREN
| ANTWORTEN
|
|
Urs Gamper
Beiträge: 530
|
Also ich habe dies nun mal kurz angeschaut. Dies funktioniert eigentlich ganz einfach:
textarea {
width: 500px;
resize: none;
}
Grüessli
Urs Gamper
|
gamper media GmbH
5621 Zufikon
+41-56-631 80 23
|
|
|
|
|
08.10.2012 16:07
|
ZITIEREN
| ANTWORTEN
|
|
