guten Abend,
Ich hab auf meinem Test-System ein Formular angelegt, das wurde dann schön in eine Tabelle geschrieben. Auf einer anderen Installation - gleiche Version - macht typo3 das nicht so schön.
Woran liegt das denn?
mfg und Danke
Spy
guten Abend,
Ich hab auf meinem Test-System ein Formular angelegt, das wurde dann schön in eine Tabelle geschrieben. Auf einer anderen Installation - gleiche Version - macht typo3 das nicht so schön.
Woran liegt das denn?
mfg und Danke
Spy
Was hast du gemacht? Ich habe keine Vorstellung.
So sieht es auf dem Testsystem aus:
http://digitallife-photographie.de/typo3/index.php?id=15
Und so auf der eigentlichen Seite
http://www.dreamcar-stuttgart.de/typo3/index.php?id=11
Das ist mit dem normalen Formularelement von typo3 erstellt worden. Bei der Testseite hat er das in die Tabelle reingepackt, bei der eigentlichen Seite nicht. Wieso?
Ich habe bewusst nichts dafür oder dagegen gemacht. Nur installiert 😉
Es ist genau umgekehrt:
Der Code auf deinem Testsystem ist Müll und auf dem Live System dank css_styled_content genau richtig!
Per CSS musst du dein Formular schon noch ausrichten...
Ok...
Nichtsdestotrotz macht er auf beiden systemen was anderes, ohne das ich Bewusst dafür etwas getan hätte. Und es ist reltiv eifach und kompfortabel gewesen das er die Felder von sich aus so schön angelegt hat.
Im Übrigen schau ich mir grad das Powermail an, und finde es sehr gelungen! Gute Arbeit.
Aber auch da muss ich nun über css "schön" machen?!
Wie sprech ich das Formular über css an?
1. Vielleicht verwendest du auf der Testumgebung content(default)
2. Powermail bringt sein eigenes CSS mit, dass man über die static Templates einbinden kann.
3. Wie kann man das normale Formular über CSS anordnen:
#41646
Klappt wunderbar.
Nur kann ich die labels vom Radiobutton nicht ansprechen. Denen wird kein style zugschrieben.
http://www.dreamcar-stuttgart.de/typo3/index.php?id=11
Das "Herr" und "Frau" sollte natürlich neben den Radiobuttons auftauchen. Außerdem wollte ich die Buttons nebeneinander.
Bei dem Datum taucht das Date2Cal-Kalenderfeld nicht auf Höhe des Inputfeldes auf, sondern weit außerhalb der Page. Womit könnte das denn zusammenhängen?
geetz out
spy
So sieht die CSS gerade aus:
/* Powermail */
/* Form */
span.powermail_mandatory {
/* Color of mandatory error message */
color: red;
}
input.validation-failed,
textarea.validation-failed {
/* Background color if validation failed
background-color: red;*/
background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
background-repeat: no-repeat;
background-position: 98% 1px;
}
div.powermail_mandatory_js {
/* DIV container of errormessage */
color: red;
margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
/* Fieldset */
border: none;
}
fieldset.tx-powermail-pi1_fieldset legend {
/* legend of Fieldset */
font-weight: bold;
font-size: 12pt;
color: black;
margin-left: 5px;
}
fieldset.tx-powermail-pi1_fieldset label {
/* label */
display: block;
margin-left: 10px;
width: 150px;
float: left;
clear: both;
}
fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset select {
/* Style input fields */
width: 200px;
background: none;
border: none;
border-bottom: 2px solid black;
margin-left: 10px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
/* Input and textarea */
width: 260px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
/* Radiobuttons */
margin: 5px 10px;
}
div.tx_powermail_pi1_fieldwrap_html {
/* DIV container arround every field */
margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
/* submit button */
margin: 20px 0 10px 200px;
font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
display: block;
margin-left: 10px;
width: 150px;
float: left;
clear: both;
}
div.countryzone {
margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
/* Description */
cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
/* Description */
display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
/* Description on mouseover */
display: block;
position: absolute;
width: 250px;
padding: 5px;
background-color: #ddd;
border: 1px solid red;
color: black;
text-decoration: none;
font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
/* Description icon */
padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
background-color: none;
}
/* Confirmation */
td.powermail_all_td {
padding: 3px 10px 3px 0;
}
/* THX */
td.powermail_all p.bodytext {
margin: 0;
}