Ebay Template Probleme

Minimalx

Guten Tag Community,

für meinen Ebay Shop habe ich mal angefangen mich ein bisschen mit html zu befassen, habe mir ein Template Vorlage heraus gesucht und diese ein bisschen verändert. Nun dachte ich mir, ok soweit sieht alles ganz gut aus und fügte diese bei Ebay ein. Als ich dies getan habe, zeigt mir die Vorschau direkt, dass irgendwie nicht alles richtig angezeigt wurde nur ich weiss echt nicht wo das Problem liegt. Ich habe das Template mit http://www.zippypractice.com/ bearbeitet und dort zeigt es mir auch alles richtig an, bei ebay jedoch nicht. Ich hoffe irgendwer kann mir helfen bzw mich auf mein Problem ausmerksam machen.

So sieht es bei Ebay aus:
http://img17.imageshack.us/img17/7388/miesg.jpg

Und hier mal meinen Html code:

</div></div>
</td></tr><tr >

<td valign=top width=180 class=txt3 >
<div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >

Shop-Kategorien:

</div><div class=hr4 ></div><div class=hr5 ></div><div class=txt4>

</div>
<style type="text/css">
a.btn10 { border-width:3px; border-style:solid; border-color:#A5A5A5 #131313 #131313 #A5A5A5; color:#FFFFFF; background-color:#202020; padding:3px; padding-left:7px; padding-right:65px; text-decoration:none; font-family:arial; font-size:18px; line-height:50px; white-space:pre; }
a.btn10:link, a.btn10:visited { color:#FFFF00; }
a.btn10:hover { color:#131313; }
a.btn10:active { color:#131313; border-color:#131313 #A5A5A5 #A5A5A5 #131313; }
</style>

</div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 ></div><div class=hr4 ></div><div class=hr5 ></div></td>

<td valign=top class=txt3 >
<div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >

Artikel Beschreibung:

</div><div class=hr4 ></div><div class=hr5 ></div>
<div class=txt4><div class=txt5 >

<U>Mercedes A-Klasse Anlasser:</U>
<br><br><br><br>

</font></h2></center>
<center><h4><font color=#000000>
<table border="0" cellpadding="5" cellspacing="50" bgcolor=#131313>
<tr><td>
<center><h4><font color=#FFFF00>
-Gebrauchtes original Ersatzteil<br>
-Referenznummer: 005 151 1601<br>
-Bosch Nr: 0001 115 008<br>
-Zustand: gebraucht und funktionsfähig</td></tr>

<p></font></h2></center>
<center>

<table cellspacing=2 cellpadding=15 border=1 style="background-color:#FFE005;">
<br><br><br><br><br>
<tr><td class="grdhdr"> 
</td><td class="grdhdr">Daten des demontierten Fahrzeugs:
</td></tr>

<tr><td class="grdhdr">Hersteller:
</td><td class="grdbdy">Mercedes
</td></tr>

<tr><td class="grdhdr">Modell:
</td><td class="grdbdy">A-Klasse (W168)
</td></tr>

<tr><td class="grdhdr">Typ:
</td><td class="grdbdy">170 CDI
</td></tr>

<tr><td class="grdhdr">Baujahr:
</td><td class="grdbdy">2003
</td></tr>

<tr><td class="grdhdr">Hubraum:
</td><td class="grdbdy">1689 ccm
</td></tr>

<tr><td class="grdhdr">Leistung:
</td><td class="grdbdy">66 KW/ 90 PS
</td></tr>

<tr><td class="grdhdr">Kilometerstand:
</td><td class="grdbdy">143.000
</td></tr>

<tr><td class="grdhdr">Motorcode:
</td><td class="grdbdy">668.942
</td></tr>

<tr><td class="grdhdr">Farbkennung:
</td><td class="grdbdy">375 U
</td></tr>

<tr><td class="grdhdr">Schlüssel-Nr. zu 2:
</td><td class="grdbdy">0710
</td></tr>

<tr><td class="grdhdr">Schlüssel-Nr zu 3:
</td><td class="grdbdy">516
</td></tr> <p/>

</table>
<style>
.grdhdr {background-color:#000000; font-family:arial, sans-serif;
font-weight:bold; font-size:18px; text-align:right; color:#FFFF00 }
.grdbdy {background-color:#27261F; font-family:arial, sans-serif;
font-weight:bold; font-size:18px; text-align:center; color:#FFFFFF }
</style>

<br><br><br><br>Wir haben noch viele weitere Ersatzteile für dieses Fahrzeug lagernd - einfach anfragen!

</div></div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >

Hinweise:

</div><div class=hr4 ></div><div class=hr5 ></div>
<div class=txt4><div class=txt5 >

<B>Ersatzteile:</B> Wir verkaufen ausschliesslich gebrauchte original Ersatzteile, die gelegentlich Gebrauchsspuren wie Kratzer, Schmutz und Rost vorweisen können. Bitte entnehmen Sie der Artikelbeschreibung und den Bildern den genauen Zustand des angebotenen Artikels.<br>
<B>Teilenummern:</B> Bitte gleichen Sie die Teilenummer mit Ihren zu wechselnden Bauteil ab, da wir ansonsten keine Gewährleistung auf Passgenauigkeit des Ersatzteils geben können. Sollten trotzdem Fragen aufkommen, kontaktieren Sie uns bitte.

</div></div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >

Versand und Bezahlung

</div><div class=hr4 ></div><div class=hr5 ></div>
<div class=txt4><div class=txt5 >

<B>Versandart:</B> Wir versenden unsere Artikel über ein Paketdienst oder per Spedition, je nachdem welche Form, Größe und Gewicht die Ware besitzt. So setzen sich auch Versandkosten zusammen, bitte entnehmen Sie diese der Artikelbeschreibung. <br>
<B>Versandgebiet:</B> Wir versenden unsere Artikel ausschließlich innerhalb Deutschlands.<br>
<B>Kombiversand:</B> Wenn Sie mehrere Artikel bei uns kaufen, zahlen Sie natürlich nur die <U>anfallenden</U> Versandkosten.<br>
<B>Bearbeitungszeit:</B> Unsere Bearbeitungszeit beträgt 1-2 Werktage nach Zahlungseingang.<br>
<B>Haftung:</B> Für verloren gegangene oder beschädigte Artikel bei unversichertem Versand, wird keine Haftung übernommen.<br>
<B>Zahlungsart:</B> Wir akzeptieren folgende Zahlungsarten: <U>Paypal</U>, <U>Nachnahme</U> oder <U>Barzahlung bei Abholung</U>.

</div></div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >
<span style="font-size:12px; font-weight:normal; color:white">SkyBlocks Template copyright © 2007
<a href="http://members.ebay.com/ws2/eBayISAPI.…erid=shipscript" style="color:white" >shipscript</a></span></div><div class=hr4 ></div><div class=hr5 ></div></td>

<td valign=top width=180 class=txt3 >
<div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >

Impressum:

</div><div class=hr4 ></div><div class=hr5 ></div><div class=txt4>

<table border="0" cellpadding="0" cellspacing="4" bgcolor=#131313>
<tr><td>
<center><h4><font color=#FFFF00>

Monster Mechanic
Pestalozzistr.45-47
47802 Krefeld

<br><br>
Tel: 02151-3258116
Fax: 02151-3259640<br><br>
E-Mail:
<U>monster-mechanic@gmx.de</U></td></tr>

</div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 ></div><div class=hr4 ></div><div class=hr5 ></div></td>

</tr></table><style>
.banner1 {background:#F1F6FC
url(http://img9.imageshack.us/img9/8701/schwarzl.jpg)
center top repeat-x;}
.banner2 {font-family:arial; font-size:60px; font-weight:bold; line-height:200px;
white-space:nowrap; height:115px; background:transparent
url(http://img805.imageshack.us/img805/7157/monsterp.jpg)
275px top no-repeat; position:relative; overflow:hidden; }
.txt0 {position:absolute; left:182px; top:-5px; color:#778899; font-style:italic;}
.txt1 {position:absolute; left:179px; top:1px; color:#bb9999; }
.txt2 {position:absolute; left:180px; top:0px; color:#ffffff; }
div.hr1 {border-top:1px solid #f8ffff; background-color:#e0e8ff; border-bottom:1px solid #dcecfc padding:1px;}
div.hr2 {border-top:1px solid #d8e8f8; background-color:#d4e8f4; border-bottom:1px solid #ccdcec; padding:1px;}
.hr3 {background-color:#c0d4e0; padding:2px; text-align:center; color:#000000;
font-family:trebuchet ms; font-size:20px; font-weight:bold;}
div.hr4 {border-top:1px solid #b8ccd8; background-color:#a8bcc8;border-bottom:1px solid #90a2b0; padding:1px;}
div.hr5 {border-top:1px solid #8090a0; background-color:#607080;border-bottom:1px solid #405060; padding:1px;}
.txt3 {background-color:#000000; padding:2px; text-align:justify;
color:#22282F; font-family:arial; font-size:16px;}
.txt4 {background-color:#bDc4d0; text-align:left; color:#22282F; font-family:trebuchet ms;}
div.txt4 {padding:10px; }
.txt5 {padding:20px; text-align:justify; color:#22282F;
font-family:verdana; line-height:130%; font-size:16px; border:2px inset #F1F6FC;
background:#F1F6FC
url(http://img87.imageshack.us/img87/6639/skyboxflexff6.jpg)
center top repeat-x; }
img.txt5 {padding:0px; }
.btns {display:block; border:2px outset #eefefe; background-color:#bDc4d0; x:#cDdAe0; text-decoration:none; text-align:center;}
a.btns:link {background-color:#cDd4e0; color: #444444}
a.btns:visited {background-color:#cDd4e0; color: #444444}
a.btns:hover {background-color:#bDc4d0; color:#ffffff;}
a.btns:active {background-color:#bDc4d0; color:#ffffff;}
</style>

MrMurphy

Hallo,

Zitat

mich auf mein Problem

Es handelt leider um mehr als ein Problem.

Erst mal wäre es schöner, wenn du dir Webspace bei einem kostenlosen Provider besorgen und die Seite online stellen könntest.

Weiterhin ist die Problembeschreibung

Zitat

dass irgendwie nicht alles richtig angezeigt wurde

auch überhaupt nicht aussagekräftig.

So habe ich mal mit den HTML-Vorgaben von Ebay daraus eine Seite gebastelt und durch das W3C validieren lassen. Dort werden schon gleich mal 42 Fehler angezeigt, die du erst mal beseitigen must.

Das ist aber nur die Pflicht. Die Kür folgt dann erst.

Allein wird die Seite wahrscheinlich so angezeigt, wie du es erwartest. Allerdings gibt es beim CSS keine Abgrenzung zu den Vorgaben von Ebay. Das heißt, sobald der Quelltext in eine Ebay-Seite eingebunden wird, werden die meisten Style-Vorgaben deines Templates mit denen von Ebay überschrieben.

Du musst deshalb den gesamten Quelltext durchgehen und das CSS so ändern, das es nicht mehr von Ebay überschrieben wird.

ZippyPractise stellt also scheinbar eher Schrott zur Verfügung, obwohl die angeblich extra für Ebay Templates passenden Quelltext erzeugen wollen. Kleiner Tip: Wenn Seitenersteller schon schreiben "Optimized for Internet Explorer and Firefox browsers" haben die in der Regel keine Ahnung -> also Finger weg.

Für "Finger weg" spricht auch, das die eine Tabelle zum Layout der Seite verwenden. Das ist bereits seit 12 Jahren veraltet.

Gruss

MrMurphy

Minimalx

Danke Danke,

du hast mir indirekt geholfen, mit dem Stichwort " css und ebay". Ich habe mich im I-net ein bisschen schlau gelesen und habe dann verschiedene Methoden versucht, um das Problem zu bewältigen. Ich habe den ganzen css mit http://www.cleancss.com/ bearbeitet und so einen neuen Css bekommen, einfach das ganze gegen den alten css eingefügt und siehe da, es funktioniert. Ich weiss echt nicht wie ich das geschafft habe, da ich mich erst seit Donnerstag mit html befasse, aber es läuft ja nun.

Danke nochmal

Tags