--- title: "Powermail Submit und Reset Buttons nebeneinander" url: "https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander" source: "typo3.net" tags: ["Extensions","Frage","HTML & CSS","Powermail"] created: "2008-06-15" last_reply: "2009-06-11" replies: 7 solved: false page: 1 pages: 1 lang: "de" --- # Powermail Submit und Reset Buttons nebeneinander Extensions · 7 Antworten · gestartet 2008-06-15 ## Eröffnungsbeitrag **mp3fritz** · 2008-06-15 · [Beitrag #1](https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander/1) 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: ```html .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: ## Antworten ### [#2](https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander/2) · einpraegsam.​net · 2008-06-15 [Bild: design-and-style.de/…/pm_css.gif](http://www.design-and-style.de/temp/typo3/pm_css.gif) Ich habe dem DIV Container rechts einfach ein ```html margin-top: -48px; ``` mitgegeben... PS: Hier ist der Firebug ganz nützlich Grüße, Alex ### [#3](https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander/3) · Unbekannter Benutzer · 2008-06-15 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: ```html 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. ### [#4](https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander/4) · mp3fritz · 2008-06-15 Hallo SLang & Alex, Ihr seid echt die Besten :D 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!!! ### [#5](https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander/5) · einpraegsam.​net · 2008-06-15 > **mp3fritz schrieb:** > > @Alex > Deine Extension ist einfach klasse, vielen Dank auch nochmals dafür!!! Kostet ein Bier *lach* ### [#6](https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander/6) · mp3fritz · 2008-06-15 > **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) ### [#7](https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander/7) · Unbekannter Benutzer · 2008-06-15 *Contenance! 2 Bier ... ;-) ### [#8](https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander/8) · Unbekannter Benutzer · 2009-06-11 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: ). 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; > } --- Quelle: „Powermail Submit und Reset Buttons nebeneinander“, typo3.net, https://www.typo3.net/d/78465-powermail-submit-und-reset-buttons-nebeneinander Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.