Hallo zusammen,
einige meiner Mailformulare werden unter 4.0 "verwurstet".
Einmal habe ich keinen Submitbutton mehr, dann stimmen die Abstände der Comment - Cells zu den anderen Bereichen nicht mehr.
Hat jemand ähnliche Phänomene zu verzeichnen? Oder auch gleich die Lösung?
Viele Grüße
Andrea
Na wer so nett fragt:
Diese CSS-Eigenschaften in Deine CSS-Datei packen und entsprechend anpassen.
/*** Formulare *********************/
.csc-mailform {
border: 0px;
}
.csc-mailform-field label {
margin:2px;
font-size:11px;
line-height:15px;
color:#444444;
float: left;
text-align: right;
margin-right: 10px;
width: 120px;
display: block;
font-family: Verdana, Geneva, Helvetica, sans-serif;
}
.csc-mailform-submit {
margin-left: 100px;
background-color:#203E9A;
color:#FFFFFF;
}
Gruß
Hille
Hallo Hille,
vielen Dank für deine nette Mail.
Ich habe außerdem folgendes gemacht: Im Install-Tool habe ich die Kompatibilität auf 3.8 gesetzt. Das hilft schon mal sehr.
Eine weitere Schnellschusslösung ist folgende:
Wenn es um die <br /> zwischen den Zeilen geht, dann kann man die <br /> der Labels und beschreibenden Texte direkt in die entsprechenden Felder des Formularassisstenten schreiben, dann werden sie nicht wieder in <p> gewrapt.
Eleganter ist die Lösung mit dem CSS natürlich schon.
Nochmals vielen Dank,
Andrea
Hallöchen,
falls es jemanden interessiert:
ich habe unter TYPO3 4.0 Probleme mit den Formularen gehabt.
Also habe ich nach Hilles Post das CSS angelegt. Leider wurde die Klasse für den Submitbutton immer von der Klasse für den input überschrieben. Weil: gleiche Klasse. Also bitte dann die ID des Submits nehmen.
Hier der CSS Code.
Viele Grüße
Andrea
/* Felder und Submit Button für Email-Formulare */
.csc-mailform-field input {
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;
line-height:15px;
}
.csc-mailform-field textarea {
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;
line-height:15px;
}
.csc-mailform-field label {
margin:2px;
font-size:12px;
line-height:15px;
color:#000000;
/*float: left;*/
text-align: left;
margin-right: 0px;
width: 100px;
display: block;
font-family: Verdana, Geneva, Helvetica, sans-serif;
}
/*Border um gesamtes Formular wenn gewünscht
.csc-mailform {
border-style: solid;
border-width: 1px;
border-color: #BDBDBD;
}*/
/*Ausrichtung des Submit Buttons*/
#mailformformtype_mail
{
margin-left: 0px;
margin-top: 15px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #CCCCCC;
border-width: 1px;
border-top-color: #ffffff;
border-left-color: #ffffff;
border-bottom-color: #A2A2A2;
border-right-color: #A2A2A2;
border-style: solid;
}
Und wer jetzt dazu noch dsa Layout so haben will, dass Links die Beschriftung und rechts das Eingabefeld ist sollte noch ein
.csc-mailform-field {
font-size: 12px;
line-height:15px;
clear:both;
}
einfügen und zusätzlich die Kommentare und die Zeile mit dem float:left; entfernen. Das clear hebt den Text-Umfluß wieder auf, so dass alle Zeilen schön untereinander stehen.
Wenn man an dieser Stelle gleich Schriftart und Größe vorgibt spart man sich das außerdem bei allen Sub-Elementen und muss dort nur eventuelle Overrides definieren.
Und wer ein Select-Feld nutzt (z.B. DropDowns) findet in
.csc-mailform-field select {
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
}
Abhilfe.
ja super! vielen dank, andrea. hast mir einiges an arbeit erspart... 8-)
Immer gerne 😉
Andrea