PayPal Button ausrichten

Hallo Forengemeinde,

möchte mich mal wieder mit einer Frage an Euch wenden. Ich habe einen PayPal Button generiert (bei PayPal) und auf einer meiner Seiten integriert (erst mal zum Test). Leider wird dieser ganz eigenartig dargestellt (siehe: http://gesper-online.de/?page_id=56). Die Auswahlfelder für Preis und Textnachricht sind mittig, während der Button kaufen linksbündig ausgerichtet ist. Sieht ja völlig unmöglich aus. Was und wo genau muss ich ggf. im Buttoncode ändern, um das Ganze rechts-, linksbündig oder mittig auszurichten (Entscheidung noch offen).

Hier mal der Buttoncode:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="R3MUJ4QCYY3WU">
<table>
<tr><td><input type="hidden" name="on0" value="Preis:">Preis:</td></tr><tr><td><select name="os0">
<option value="Anzahlung =">Anzahlung = €19,00 EUR</option>
<option value="Restzahlung =">Restzahlung = €260,00 EUR</option>
<option value="Gesamtzahlung =">Gesamtzahlung = €279,00 EUR</option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="Name & Rechnungsnummer">Name & Rechnungsnummer</td></tr><tr><td><input type="text" name="os1" maxlength="200"></td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
<img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1">
</form>

Viele Grüße und Dank im Voraus!
Thomas

Danke für die Antwort. Wo genau müsste ich diesen Code denn einfügen. Hab leider mit HTML bzw. CSS (?) nicht wirklich was am Hut.
Außerdem habe ich gesehen, dass entgegen der Button-Vorschau auf der PayPal Seite, scheinbar eine Tabelle/Umrandung auf meiner Seite erzeugt wird. Warum ist das so, weil schön ist anders und vor allem geht es auch ohne?
Danke.

Gruß thomas

Danke für die Antworten. Was genau meinst Du mit:

Zitat

Irgendetwas stimmt aber mit dem Formular nicht, denn das Formular ist auch um den ganzen Content, was falsch ist.

Eigentlich war das ja kein Formular. Auf PayPal (beim generieren) waren das in der Vorschau die beiden "Textfelder mit Beschriftung drüber und darunter der Button "Zahlen". Nach dem Einfügen des Codes (den PayPal generiert hat) auf meiner Seite entstand das, was Du sicher mit Formular meinst, also der graue tabellenartige Rahmen um die beiden Text- bzw. Eingabefelder. außerdem waren Textfelder und Button nicht mehr übereinander sondern so versetzt.

Gruß Thomas

Hallo Danke für die Antwort. Das im Code Wörter wie "form" stehen sehe ich zwar, aber mangels Wissen sagt mir das leider alles nicht viel. Ich weiß leider nicht was Du mir sagen willst mit:

Zitat

Dort sieht man, dass auch um den Content ein Form sitzt. Das ist falsch.

Den Button-Code habe ich aus der PayPay Seite (Generator) rauskopiert und auf meiner WordPress-Seite in der Textansicht ganz am eine eingefügt.
Deine Vorschläge habe ich noch nicht umgesetzt, sorry. Aber Du schreibst, das ja schon etwas ganz grundlegendes nicht zu stimmen scheint. Weiß auch nicht wo genau der Code eingesetzt werden muss. Habe auch Angst das es danach nicht mehr funktioniert und ich die Änderung nicht rückgängig machen kann. Außerdem scheint das wort table ja auf eine Tabelle hinzuweisen. Aber eine Tabelle verwende ich doch gar nicht!? (bzw. war das nicht meine Absicht)

Gruß Thomas

Hallo Maxe,

danke für deine Antwort und den kompletten Code. Das hat mir sehr geholfen, da ich immer nicht weiß, wo Codeschnipsel eingefügt werden müssen.

Die häßlichen Tabellenränder sind nun weg und das ganze lässt sich nun auch linksbündig ausrichten. Leider ist ein neues Problem aufgetaucht. Der Bezahlen-Button leitet nicht mehr zur PayPal Seite weiter, also irgendwie ist der Link abhanden gekommen. Könntest Du ggf. noch mal nachschauen, danke!

Habe jetzt in deinem Code auch die Stelle gefunden, um die 2 Eingabefelder auszurichten (left durch right ersetzt) und das hat sogar geklappt. Nur beim Zahlen-Button habe ich die Codestelle zur Ausrichtung nicht gefunden. Wärst Du so nett mir da bitte auch einen Tipp zu geben, danke!

Gruß Thomas

Hallo Maxe,

ich hab noch eine Anmerkung. Nach etwas genauerer Ansicht (will ja lernen) habe ich festgestellt, dass WordPress an deinem Code scheinbar automatisch kleinere Änderungen vornimt. Ist das normal oder funktioniert der Link bei Zahlungsbutton evtl. deshalb nicht? Poste den Code wie er in Wordpress erscheit mal nachfolgend.

Zitat

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input name="cmd" type="hidden" value="_s-xclick" /></form>
<table style="border: 0 none; margin-right: 0;">
<tbody>
<tr>
<td style="border: 0 none;">Preis:</td>
</tr>
<tr>
<td style="border: 0 none;"><select name="os0">
<option value="Anzahlung =">Anzahlung = €19,00 EUR</option>
<option value="Restzahlung =">Restzahlung = €260,00 EUR</option>
<option value="Gesamtzahlung =">Gesamtzahlung = €279,00 EUR</option>
</select></td>
</tr>
<tr>
<td style="border: 0 none;"><input name="on1" type="hidden" value="Name &amp; Rechnungsnummer" />Name &amp; Rechnungsnummer</td>
</tr>
<tr>
<td style="border: 0 none;"><input maxlength="200" name="os1" type="text" /></td>
</tr>
</tbody>
</table>
<input name="currency_code" type="hidden" value="EUR" />
<input alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal." name="submit" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_buynowCC_LG.gif" type="image" />
<img src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" alt="" width="1" height="1" border="0" />

Alles anzeigen

Gruß Thomas

Hallo maxe, ich habe keine Änderungen am Code vorgenommen, mit Ausnahme, dass ich left durch right ersetzt habe. Der Ausrichtung wegen. Ansonsten ist der Code wie Du ihn geschrieben hast.

Ach so, oben hatte ich ja schon erwähnt, dass dein Code durch WordPress automatisch verändert wurde, nach dem Aktualisieren/speichern der Page.

Leider würde mich die Sache mit Templates etc wirklich überfordern. Gibt es manchmal ein einfaches plugin für Paypal Buttons? Hab da noch nichts passendes gefunden. Danke trotzdem für Deine Mühe.

Gruß Thomas

Danke für den Tip, hatte ich mir schon mal angesehen. Leider alles nur englich (incl. Button-Beschriftung) und auch diese Sprache ist nicht gerade eine Stärke von mir. Bin halt ein schwerer Fall.

Gruß Thomas

Habe das Plugin nun doch eingesetzt. War gar nicht so schwer und es funktioniert! Leider ist die Button-Beschriftung englisch, aber naja. Falls einer das Plugin ebenfalls nutzt, würde ich gern wissen wollen ob und wie mann ggf. auf 2 Seiten solche Buttons anlegen kann, welche aber unterschiedlich (anderes Produkt/Leistung) sollen. Kann bisher nue einen Shortcode erzeugen, aber nicht verschiedene. Danke!