Kontakformular ändern - Eingabefelder nebeneinander
...das machst Du mit float:left und width:48%
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= 
) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
...das kann ich so nicht sagen, dazu bräuchte ich mal Deine URL
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
...das ist jetzt nicht ganz einfach zu verstehen, aber Du musst mit Kindern arbeiten
(...Kinderarbeit in CSS ist möglich! Beispiele s.h.: https://css-tricks.com/examples/nth-child-tester/)
Der Code für Dich ist folgender:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<style>
/*Inputbreite festnageln (...geht auch mit Jimdo-Bordmitteln)*/
#cc-m-form-13807870122 .cc-m-form-view-element input[type=text]{width:60% !important}
#cc-m-form-13807870122 .cc-m-form-view-element input[type=email]{width: 60% !important;}
/*Mindestbreite verkleinern*/
form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper input, form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper select, form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper textarea
{min-width:45%}
@media (min-width:520px) {
/*jedes erste Element*/
#cc-m-form-13807870122 .cc-m-form-view-element.cc-m-form-text:nth-child(2n+1) {
float: left;
width: 48%;
}
/*jedes zweite Element*/
#cc-m-form-13807870122 .cc-m-form-view-element.cc-m-form-text:nth-child(2n+2) {
float: right;
width: 48%;
margin-top: -70px;
}
/*Breitenanpassung*/
#cc-m-form-13807870122 .cc-m-form-view-element input[type=text]{width:94% !important}
#cc-m-form-13807870122 .cc-m-form-view-element input[type=email]{width: 45% !important;}
}
</style>
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
...prinzipiell ja, aber das müsste ich mir näher ansehen. Wieso "Fusszeile"? Du meinst bestimmt "Sidebar"
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
...versuch mal folgenden Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<style type="text/css">
/* Formular gestalten */
@media (min-width:768px) {
form[id=cc-m-form-12440920287] input {width:100% !important;}
form[id=cc-m-form-12440920287] .cc-m-form-view-element:nth-child(-n+4) {
float: left;
width: 48%;
clear: unset;
padding: 1%;
}
}
</style>
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Klasse! Ich bin begeistert!
Wie kann man diese Formatierung des Formulars für das Kontaktformular im Anhang anwenden?
https://deingehirntrainer.jimdofree.com/kontakt/
...dazu musst Du den Bezeichner des Formulares ändern. Bitte PN an s.u.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style type="text/css">
/*<![CDATA[*/
/* Formular mehrfach */
@media (min-width:767px) {
form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(-n+8),
form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(10),
form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(11),
form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(12)
/*,...und so weiter */ {
float: left;
width: 32%;
clear: unset;
padding: 0.25%;
}
}
/*]]>*/
</style>
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
