Kontaktformular anpassen
Eingetragen von bodenkammer (13)am 15.10.2010 - 10:37 Uhr in
Tach!
Ich habe da mal eine Frage wie kann ich eigentlich wie Im Screenshot zu sehen das Kontaktformular anpassen so das "Ihr Name" und das "Eingabefeld" in einer Reihe stehen.
Hab auch schon die IDs gefunden nur in welcher Reihenfolge muss ich sie in das CSS einplimpern!
Danke schon mal.
| Anhang | Größe |
|---|---|
| footer.jpg | 618.36 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
display: block
am 15.10.2010 - 12:01 Uhr
Ich glaube, du musst lediglich
.form-item label {display:block;
}
vergeben. Und evtl. näher spezifizieren, falls andere .form-item anders aussehen sollen.
Sorry
am 15.10.2010 - 13:34 Uhr
He Nicolai,
das hat kein Effekt auf das Kontaktformular! Gibt es denn andere Möglichkeiten?
Ich glaub man muss
<div id="edit-name-wrapper" class="form-item"><label for="edit-name">Ihr Name: <span title="Dieses Feld wird benötigt." class="form-required">*</span></label>
<input type="text" class="form-text required" value="steven" size="60" id="edit-name" name="name" maxlength="255">
</div>
aufdröseln, damit ich das label und input in eine Reihe setzten kann.
ich bin mir aber nicht sicher wie ich in der CSS-Datei diese Sache umsetzten kann.
label#edit-name-wrapper
{
float:left;
}
input#edit-name-wrapper
{
float:left;
}
Ach, horizontal
am 15.10.2010 - 12:58 Uhr
Ach so, mein Fehler, ich habe "eine Reihe" und Screenshot so interpretiert, dass du es eben untereinander haben wolltest.
Ja, du musst die richtigen Elemente mit
float: left;versehen. Versuch's mal mit:.form-item label {
float: left;
width: 150px;
}
.form-item input, .form-item textarea {
float: left;
width: 300px;
}
Die width musst du deinem Design anpassen, dann sollte alles hübsch untereinander stehen. Evtl. den float danach wieder mit
clear: left;zurücksetzen.Wenn das nicht klappt, schick uns nen Link auf das Formular, damit wir das HTML sehen können.
Äm jetzt ist es total verhauen!
am 15.10.2010 - 13:18 Uhr
Ich habe dir mal den Html in der *.txt Datei gespeichet plus ein neuen Screenshot
Anbei ein super Tutorial für
am 15.10.2010 - 14:40 Uhr
Anbei ein super Tutorial für das Design von Kontaktformularen: http://www.lausch-online.de/content/ein-kontaktformular-mit-drupal-erste....
Teil 2 und 3 beschäftigen sich mit dem CSS-Design von den Input-Feldern.
Viele Grüße