Hallo,
Ich versuche jetzt schon eine ganze Weile die beiden Buttons Reset und Submit im Powermail-Formular nebeneinander zu bekommen.
Ich habe bisher folgendes versucht:
.tx_powermail_pi1_fieldwrap_html_submit {
width: 120px;
float: left;
clear: both;
}
.tx_powermail_pi1_fieldwrap_html_reset {
width: 120px;
float: right;
clear: both;
}
Die Buttons stehen jetzt zwar nebeneinander, sind aber immer noch in der Höhe versetzt. #angry#
Kann mir jemand einen Tipp geben?!
Wer sich das mal ansehen will kann das hier tun:
http://217.7.85.66/cms/index.php?id=30&L=0
Bild: design-and-style.de/…/pm_css.gif
Ich habe dem DIV Container rechts einfach ein
margin-top: -48px;
mitgegeben...
PS: Hier ist der Firebug ganz nützlich
Grüße, Alex
mh... is aber gefuscht.. naja nen bischen...
Da kommen einfach margins aus anderen Classen zum tragen...
So sollte es gehen:
In deiner Class fieldset.tx-powermail-pi1_fieldset input ein margin:0; hinzufügen...
Und dann:
div.tx_powermail_pi1_fieldwrap_html_submit {
width: 130px;
float: left;
display:block;
}
div.tx_powermail_pi1_fieldwrap_html_reset {
width: 130px;
float: right;
display:block;
}
div.tx_powermail_pi1_fieldwrap_html_14 { margin:15px 0; }
div.tx_powermail_pi1_fieldwrap_html_13 { margin:15px 0; }
input.powermail_reset_uid14 { padding:0 10px; margin:0; float:right; }
Dann fließen beide nebeneinander. Und dann steht auch der eine links und der andere rechts.
Hallo SLang & Alex,
Ihr seid echt die Besten 😃
Vielen dank für die schnelle Hilfe.
Ich glaube ich muss mit meinen CSS-Kenntnissen noch ein bisschen nachsitzen :o
@Alex
Deine Extension ist einfach klasse, vielen Dank auch nochmals dafür!!!
einpraegsam.net schrieb
mp3fritz schrieb
@Alex
Deine Extension ist einfach klasse, vielen Dank auch nochmals dafür!!!
Kostet ein Bier *lach*
Sollte ich mal in die Gegend von Hallerndorf kommen bzw. Du in Richtung Schwarzwald, dann ist das mit dem Bier kein Problem :o)
Hallo miteinander,
ich bin gottenfroh um Eure wahnsinnige Vorarbeit.
Jetzt habe ich aber dennoch ein Problem.
Bei mir stehen die beiden Buttons zwar nebeneinander, doch mit einem grossen Abstand dazwischen. Natürlich hätte ich diese gerne wirklich gerade nebeneinander (mehr hier: http://www.hokairos.ch/typo3/index.php?id=3).
Und hier noch mein CSS-File:
/* Powermail */
/* Form */
span.powermail_mandatory {
/* Color of mandatory error message */
color: #990000;
}
input.validation-failed,
textarea.validation-failed {
/* Background color if validation failed */
background-color: #b1852a;
}
div.powermail_mandatory_js {
/* DIV container of errormessage */
color: #990000;
margin: 3px 0 15px 150px;
}
fieldset.tx-powermail-pi1_fieldset {
/* Fieldset */
border: 1px solid #b1852a;
background-color: #ffffff;
padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
/* legend of Fieldset */
font-weight: bold;
color: #990000;
}
fieldset.tx-powermail-pi1_fieldset label {
/* label */
display: block;
width: 150px;
float: left;
clear: both;
font-weight: bold;
}
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 */
margin: 0;
width: 260px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
/* Radiobuttons */
margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
/* DIV container arround every field */
margin: 10px 0;
color: #b1852a;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
/* submit button */
margin: 20px 0 10px 150px;
float: left;
display: block
}
fieldset.tx-powermail-pi1_fieldset input.powermail_reset {
/* submit button */
margin: 20px 0 10px 150px;
float: right;
display: block
}
div.tx_powermail_pi1_fieldwrap_html_14 { margin:15px 0; }
div.tx_powermail_pi1_fieldwrap_html_13 { margin:15px 0; }
input.powermail_reset_uid14 { padding:0 10px; margin:0; float:right; }
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
margin: 0;
padding: 0;
font-weight: bold;
}
div.countryzone {
margin: 10px 0 0 150px;
}
/* Confirmation */
td.powermail_all_td {
padding: 3px 10px 3px 0;
}