Problem mit PayPal-Button

Hallo Leute,

ich habe ein Problem an dem ich schon 4 Tage bastele.

Ich habe einen Code von Paypal den ich einbinden soll (was auch keine Probleme bereitet)

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="xoxoxoxo">
<input type="image" src="http://xoxoxoxo.yz/tl_files/paypal_button/paypalfreischalten.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
<img alt="" border="0" src="https://www.paypal.com/de_DE/i/scr/pixel.gif" width="1" height="1">
</form>

Obwohl das Image als 1-Pixel.gif ausgeliefert wird, wird es extrem gross dargestellt und zerschiesst mir fast das Layout.
Ich habe schon soviel ausprobiert, das ich gar nicht mehr weis was ich alles gemacht habe.
Anscheinend mache ich beim CSS einen Fehler. Ich habe keine Ideen mehr!
Hat jemand einen Tipp für mich.

MfG

BigDaddy

Mit einer URL waere mehr geholfen :cool:

Hallo BigDaddy,

versuch mal, beim <img>-Tag zusätzlich noch die Klasse "invisible" mit anzugeben.

@ lindesbs,

zur Zeit kann ich leider keinen Link bereitstellen.

@ xchs

Upps, "invisible" ist mir vollkommen unbekannt.
So etwa:
<img alt="" border="0" src="https://www.paypal.com/de_DE/i/scr/pixel.gif" width="1" height="1" "invisible"></form>

Ich habe auf die Schnelle auch nichts unter Google gefunden

BigDaddy

Nein, "invisible" ist eine CSS-Klasse des TYPOlight/Contao-Frameworks. Du findest die Definition normalerweise in der "typolight.css" (bis zur TL-Version 2.8.3) bzw. "contao.css" (beginnend ab Contao 2.9.RC1).

Das CSS sieht folgendermaßen aus:

Code:

---

.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}

---

Hallo xchs,

Danke für Deine Auskunft, aber ich verstehe nur Bahnhof.

Ich habe den PayPal-Code als Modul (html-code) eingebunden. Auf der Seite das Modul eingebunden und unten bei "CSS-Id/Klasse" im zweiten Feld .invisible eingegeben.
Es tut sich nichts.

MfG

BigDaddy

Gemeint war's so:

Code:

---

<img class="invisible" alt="" border="0" src="https://www.paypal.com/de_DE/i/scr/pixel.gif" width="1" height="1">

---

Und beim Modul "Eigener HTML-Code" bzw. im Artikel darf die Klasse dann selbstverständlich nicht eingetragen sein.

Wie gesagt, das mit der Klasse ist nur eine Überlegung. Ich kann Dir das nicht garantieren, dass es damit 100% funktioniert...

Hallo xchs,

Danke für deine Bemühungen, funktioniert aber leider nicht.
Vielleicht fällt mir ja noch was anderes ein.

Danke

BigDaddy

Zitat:

---

Zitat von BigDaddy

Hallo xchs,

Danke für deine Bemühungen, funktioniert aber leider nicht.
Vielleicht fällt mir ja noch was anderes ein.

---

Die "typolight.css" (bzw. "contao.css") wird im HEAD aber schon eingebunden bzw. mitgeladen oder?

@ xchs,

Ja wird eingebunden.

<link rel="stylesheet" href="system/typolight.css" type="text/css" media="screen" />

Ich denke mal, wenn ich dieses: <form action=
irgendwie anders definieren könnte würde sich das Problem von alleine erledigen.

Gruss

BigDaddy

Versuch's mal so:

Code:

---

<input type="image" border="0" alt="Jetzt einfach, schnell und sicher online bezahlen &ndash; mit PayPal." name="submit" src="tl_files/paypal_button/paypalfreischalten.gif" style="width: 157px; height: 96px;">

---

@ xchs,

danke Dir für Deine Hilfe. Es hat funktioniert! Den hässlichen Rahmen bekomme ich wahrscheinlich alleine weg.

Nochmals Danke

BigDaddy

Zitat:

---

Zitat von BigDaddy

@ xchs,

danke Dir für Deine Hilfe. Es hat funktioniert! Den hässlichen Rahmen bekomme ich wahrscheinlich alleine weg.

Nochmals Danke

---

Ok, fein. Um da nicht unnötigerweise Spaghetti-Code zu produzieren, könntest Du diese (und andere) Stylesheet-Anweisungen in Deine CSS-Datei einfügen und über einen geeigneten Selektor bzw. eine Klasse referenzieren.