Rahmen um Grafik trotz border=0

[themaster3000]

Hallo,

ich habe ein großes Problem und weiß nicht weiter. Über Css möchte ich eine Grafik in ein sogenanntes "<input> Tag" (wird z.B. für Web-Formulare verwendet) einfügen.

Mit Klick auf die Grafik, wird ein Artikel in den Warenkorb eingelegt und im Anschluss auf eine bestimmte Seite weitergeleitet (das zuminndest desiniert <form>).

Wie auch immer, das folgende Bild zeigt den Darstellungsfehler!

Was mache ich falsch?

Gruß themaster3000



CSS-STYLESHEET:
.prodId2{float:right;width:69px;height:20px;margin-right:5px;position:relative;}

input.cat-basket {
width: 69px;
height: 20px;
border: 0px;
background: transparent url("http://website.xx/warenkorb.gif") no-repeat 0px 0px;
}

HTML:
<span class="prodId2"> <form method="post" action="?">
<input type="hidden" name="ChangeObjectID" value="19678742" />
<input type="hidden" name="ChangeAction" value="AddToBasket" />
<input type="hidden" name="ViewObjectID" value="19546353" />
<input type="hidden" name="ViewAction" value="View" />
<input type="image" value="" class="cat-basket" title="Hinzufügen zum Warenkorb"/>
</form>
</span>

[themaster3000]

Hallo nochmals,

ich habe das Problem jetzt lösten können! Anstelle

<input type="image"

<input type="submit"

verwenden!!

Kann mir trotzdem jemand erklären wieso <input type="image" src"http://website.xx/warenkorb.gif"> die Grafik ordnungsgemäß anzeigt, jedoch über CSS (definiert über class="cat-basket" ) nicht?

[blueGirl]

lange deine zeilen angestarrt und zu dem schluß gekommen: wenn du uns eine url, einen link geben könntest, wo wir uns selbst ein bild machen könnten...? (zeilen anstarren hilft nix...)
vielleicht dann...
wofür auch immer ;-)
grüßlein, blue

[hero-master]

Kann mir trotzdem jemand erklären wieso <input type="image" src"http://website.xx/warenkorb.gif"> die Grafik ordnungsgemäß anzeigt, jedoch über CSS (definiert über class="cat-basket" ) nicht?

Weil bei type="image" ein Pfad zu einer Bilddatei verlangt, die du direkt ins HTML-Markup schreiben musst und nicht als Hintergrundbild definieren darfst
Ist zu vergleichen mit einem normalen Bild, da schreibst du ja auch den Pfad direkt in das Markup und als CSS:

<img src="pfad/datei.jpg