22.05.2012, 20:53
|
|||
|
|||
Kontaktformular Eingabefelder linksbündig
Vorerst möchte ich als Neuankömmling alle in diesem Forum recht herzlich begrüßen.
Um gleich zur Sache zu kommen. Ich stecke noch in den Anfängerschuhen bzgl. HTML u. CSS, habe aber mit viel Aufwand und Mühe unter Contao eine Webseite erstellt, die bis auf ein paar Kleinigkeiten eigentlich schon nach meinen Wünschen fertig wäre. Da ich nicht vor dem Ziel das Handtuch werfen möchte, wende ich mich mit meinem Problem vertrauensvoll an dieses Forum. Die Problembeschreibung dreht sich um das Kontaktformular. Ich scheitere nach dutzenden Versuchen die Eingabefelder des Formulars linksbündig auszurichten. Im Anhang befindet sich
und der CSS-Code: Code:
/* ======================================
Kontaktformular gestalten
====================================== */
form#kontaktformular {
line-height: 1;
background-color: #ADCBE6;
padding: 0 18px 18px 18px;
border-top: 1px solid #89ADCD;
border-bottom: 1px solid #89ADCD;
margin: 0 0 2em 0;
}
#kontaktformular label {
display:inline;
cursor: pointer;
margin: 18px 0 3px 0;
}
#kontaktformular .checkbox_container label {
display: inline;
/*position: relative;
bottom: 2px; */
}
#kontaktformular .checkbox_container {
margin-top: 1em;
}
#kontaktformular input,
#kontaktformular textarea {
margin-top:5px;
padding: 1px;
}
#kontaktformular input:focus,
#kontaktformular textarea:focus {
background-color: #ECECEC;
color: #000;
}
#kontaktformular p.error {
background: #FFC0CB; /* pink */
color: #000;
max-width: 400px;
padding: 3px;
border: 1px solid #f00; /* rot */
margin-bottom: 3px;
}
lg ewaldo 
|
| Sponsored Links |
|
22.05.2012, 21:12
|
|||
|
|||
|
Geht am einfachsten mit einer Tabelle
Code:
<table>
<tr>
<td colspan="2">Kontakt</td>
</tr>
<td>Name/First Name*</td>
<td> <input type="text" /> </td>
</tr>
...
</table>
Tabellenlayout zu CSS Div Layout
|
| Sponsored Links |
|
22.05.2012, 21:37
|
|||
|
|||
|
Hmmm, Tabellen sollten eigentlich nur dort verwendet werden, wo ein tabellarischer Aufbau auch Sinn macht...
Daher (z.B.): Gib den Labels das Attribut "inline-block" und eine feste Breite.
|
|
22.05.2012, 21:47
|
|||
|
|||
|
Hmmm, Tabellen sollten eigentlich nur dort verwendet werden, wo ein tabellarischer Aufbau auch Sinn macht...
Daher (z.B.): Zitat:
SUPER! SUPER! Das war es. Vielen Dank!
|
|
22.05.2012, 22:37
|
||||
|
||||
|
Zitat:
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege  www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| PHP Kontaktformular Eingabefelder überprüfen | talkuvit | Serveradministration und serverseitige Scripte | 22 | 14.03.2011 16:35 |
| Kontaktformular Fehler ... | root-2k | (X)HTML | 3 | 22.11.2010 20:05 |
| Kontaktformular von fox - Anpassungen | Sand10 | Serveradministration und serverseitige Scripte | 4 | 08.07.2010 12:26 |
| Kontaktformular von fox: Fehlermeldung schon im ersten Schritt | Sand10 | Serveradministration und serverseitige Scripte | 3 | 07.07.2010 08:43 |
| PHP Kontaktformular und verschiedene Browser | HTMLLernender | (X)HTML | 1 | 22.01.2010 11:08 |
Linear-Darstellung
