Feldlänge für INPUT Feld in CSS ändern

Hallo,

zunächst einmal Gratulation zu Visforms. Genialier Formular-Generator !!

Ich scheitere nur momentan an einem Problem. Die Inputfelder werden bei mir sehr kurz dargestellt (gerade mal 22 Zeichen) während die LABEL-Felder sehr lang sind obwohl deren Inhalt kurz ist (DICK UMRANDET).



Im Verhältnis ist das LABEL-Feld doppelt so lang wie das INPUT-Feld und neben dem INPUT-Feld wäre noch einmal der Platz des INPUT-Feldes übrig.

Wo im CSS muss ich die Werte abändern, dass die Inputfelder länger werden. Ich habe bereits die %-Werte (30% und 66%) des Standard-CSS verändert, jedoch immer ohne Erfolg.

Ich würde mich über eine Antwort mit einem Lösungsvorschlag sehr freuen.

Grüße, FRANK

Hallo Frank,

danke für das Lob!

Mein Ziel bei der Erstellung des CSS für Visforms war, dass das Formular möglichst "nahtlos" ins Layout des Templates der Webseite passt. Deshalb habe ich nur "schwache" css-Selektoren verwendet (also z.B. nur die Klasse des Elements). Wenn das Template jetzt mit einem stärkeren CSS-Selektor (z.b. label plus Klasse kommt), dann werden meine CSS Regeln von den Template Regeln überschrieben.

Ich vermute, dass das bei deiner Seite passiert, allerdings mit einem ziemlich unschönen Ergebnis. Deshalb haben deinen Änderungen im visforms.css auch keinen Erfolg. Da die Regeln aus dem Template CSS kommen, kann ich ohne Link auf das Formular leider nicht sagen, wo du welches CSS ändern musst.

Normalerweise verwendet man Entwicklertool (wie den Firebug für Firefox oder die in GoogleChrome und Internet Explore und andere Browser eingebauten Entwicklertools) um herauszufinden, in welcher css-Datei und an welcher Stelle sich die CSS-Regel befindet, die sich am Ende durchgesetzt hat. Das ist oft sehr erhellend. Vielleicht magst du das mal probieren?

Ansonsten schick mir mal einen Link zu dem Formular zu.

Herzliche Grüße,
Aicha

Hallo Aicha,

danke für die schnelle Rückmeldung. Der Link zum Formular ist:

www.gvu.org/cms/index.php/mitglied-werden-neu

Ich hoffe es hilft bei der Lösung des Problems.

Grüße FRANK

Hallo Aicha,

ich habe das Formular in einem anderen Template ausprobiert, hier sieht es besser aus. Es liegt wohl daran, dass das Formular in mein eigentliches Template gezwängt wird und die Überlagerungen wie von Dir beschrieben dann auftraten.

Danke und schönen Tag, FRANK

Hallo Frank,

das ist eine clevere Idee mit dem anderen Template für das Formular.
Freut mich, dass du eine Lösung gefunden hast.

Herzliche Grüße und schönen Feierabend,
Aicha