Mailformular stylen - wo kann ich dies bewerkstelligen?
- << Erste
- < Vorherige
- Nächste >
- Letzte >>
| Autor | Nachricht |
|---|---|
|
Verfasst am: 29. 12. 2009 [16:19]
|
|
|
Annna
Dabei seit: 16.11.2006
Beiträge: 282
|
Hallo! Auch ich habe noch ein wenig mit dem Kontaktformular experimentiert. Nachfolgend das was ich herausgefunden habe und die noch offenen Fragen. So lassen sich die Felder ansprechen: TYPOSCRIPT /******* Formatierungen für das Standard-Kontaktformular ****/ .csc-mailform { border:1px solid silver; padding:10px; margin-right:100px;} .csc-mailform-field label { font-size: 11px; width: 120px; float:left; display:block; text-align:left; } .csc-mailform-field input { font-size: 11px; color:#003300; font-weight:bold; margin-bottom:5px;} .csc-mailform-field textarea { font-size: 11px; color:#003300; font-weight:bold; margin-bottom:5px;} .csc-mailform-field select { font-size: 11px; color:#003300; font-weight:bold; margin-bottom:5px; } /** Checkbox etwas von links einrücken **/ .csc-mailform-check { margin-left:20px; } /** Radio-Knopf-Beschriftung rechts vom Radio-Knopf **/ .csc-mailform-radio { font-size:11px; color:#000000; float:left; display:block; } .csc-mailform-radio legend { color:#FFFFFF;} /** Beschriftungsfeld **/ .csc-mailform-label { font-size: 10px; color:#DD0000; margin-bottom:30px; } /** Absendebutton **/ .csc-mailform-submit { margin:10px 0px 0px 120px;} Dabei sind folgende Fragen offen geblieben: - im csc-mailform-label funtioniert der margin-bottom-Befehl nicht  - es gelingt mir nicht im Radio-Feld den Rahmen wegzubekommen  - weiß jemand wie die Feldtypen Passwort und Datentransfer funktionieren und über CSS angesprochen werden können? Vielen Dank im voraus Viele Grüße Annna TYPO3-Template gesucht? - www.fertige-typo3-websites.de
|
 |
|
|
Verfasst am: 30. 01. 2009 [13:01]
|
|
|
mamo
Dabei seit: 01.09.2004
Beiträge: 101
|
Hallo Den Rahmen um die Radio-Buttons bekommst du so weg: TYPOSCRIPT .csc-mailform-radio input{border: none;} mamo [Dieser Beitrag wurde 2mal bearbeitet, zuletzt am 01.02.2009 um 20:28.] |
|
|
|
Verfasst am: 23. 02. 2009 [12:33]
|
|
|
ReinerS
Dabei seit: 27.05.2008
Beiträge: 2
|
Hallo, wie stelle ich es an, das der Submit Knopf neben dem Input Feld angezeigt wird? Ich habe bisher nur Tipps gefunden die Darstellung der Felder zu ändern, aber nicht die Anordnung. Kann mir dazu einer von Euch einen Tipp geben? LG Reiner |
|
|
|
Verfasst am: 26. 02. 2009 [17:12]
|
|
|
makirolle
Dabei seit: 30.11.2004
Beiträge: 85
|
Vielleicht auch interessant für euch. HTML input[type="submit"] {
color: #f4a26d;
background-color: #ffc;
border-top-color: #f4a26d;
border-top-style: solid;
border-left-style: none;
border-bottom-color: #f4a26d;
border-bottom-style: solid;
border-right-style: none;
}[/HTML] |
|
|
|
Verfasst am: 25. 09. 2009 [20:26]
|
|
|
udo0006
Dabei seit: 04.04.2007
Beiträge: 25
|
ReinerS schrieb: Hallo, wie stelle ich es an, das der Submit Knopf neben dem Input Feld angezeigt wird? Ich habe bisher nur Tipps gefunden die Darstellung der Felder zu ändern, aber nicht die Anordnung. Kann mir dazu einer von Euch einen Tipp geben? LG Reiner im html-template: wenn du eine "veraltete" tabellenstruktr verwendest schubs den marker für den submit-button einfach in eine zelle neben den input-feld-marke. |
|
|
- << Erste
- < Vorherige
- Nächste >
- Letzte >>