Ebay Template Probleme

    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:

    <!-- Begin SkyBlocks Auction Template by Shipscript -->


    <table align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class=txt4>
    <!-- top banner -->
    <tr ><td align=left colspan=3 class=banner1><div class=banner2>
    <!--
    ======================================
    Your banner words. The
    short phrase can be replaced
    in all three places below
    ======================================
    -->


    <div class=txt0>
    </div><div class=txt1>
    </div><div class=txt2>


    </div></div>
    </td></tr><tr >
    <!-- end top banner -->


    <!--
    ======================================
    Left sidebar can be used for
    navigation links, affiliate
    icons, or cross-sell links.
    ======================================
    -->
    <!-- left sidebar -->
    <td valign=top width=180 class=txt3 >
    <div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >
    <!-- edit sidebar heading below -->


    Shop-Kategorien:

    <!-- end of sidebar heading -->
    </div><div class=hr4 ></div><div class=hr5 ></div><div class=txt4>
    <!-- edit content in left sidebar -->


    <!-- these are scripted as non-spamming links -->
    <!-- eBay QuickyButtons -->
    <div align="center">
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917266013" >Audi </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917267013" >Bmw </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917555013" >Citroen </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917415013" >Fiat </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917419013" >Ford </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917458013" >Mazda </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917268013" >Mercedes</a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917459013" >Mitsubishi</a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917270013" >Nissan </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917418013" >Opel </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917470013" >Peugeot </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917417013" >Renault </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917420013" >Seat </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917416013" >Smart </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917457013" >Toyota </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teiles…fsubZ3917269013" >VW </a>
    <a class="btn10" href="http://stores.ebay.de/Monster-Teileshop_Sonstige_W0QQfsubZ1" >Sonstige </a>

    </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>
    <!-- end of eBay QuickyButtons -->


    <!-- end of sidebar content -->
    </div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 ></div><div class=hr4 ></div><div class=hr5 ></div></td>
    <!-- end of left sidebar -->


    <!--
    ======================================
    Main description column
    ======================================
    -->
    <!-- main column -->
    <td valign=top class=txt3 >
    <div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >
    <!-- section heading here -->


    Artikel Beschreibung:


    <!-- end of section heading -->
    </div><div class=hr4 ></div><div class=hr5 ></div>
    <div class=txt4><div class=txt5 >
    <!-- edit description below -->


    <center><h2><font color=#000000>

    <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>
    <!-- chart table generated at http://www.isdntek.com/tagbot/grids.htm -->
    <table cellspacing=2 cellpadding=15 border=1 style="background-color:#FFE005;">
    <!-- row 0 --><br><br><br><br><br>
    <tr><td class="grdhdr">&nbsp;
    </td><td class="grdhdr">Daten des demontierten Fahrzeugs:
    </td></tr>
    <!-- row 1 -->
    <tr><td class="grdhdr">Hersteller:
    </td><td class="grdbdy">Mercedes
    </td></tr>
    <!-- row 2 -->
    <tr><td class="grdhdr">Modell:
    </td><td class="grdbdy">A-Klasse (W168)
    </td></tr>
    <!-- row 3 -->
    <tr><td class="grdhdr">Typ:
    </td><td class="grdbdy">170 CDI
    </td></tr>
    <!-- row 4 -->
    <tr><td class="grdhdr">Baujahr:
    </td><td class="grdbdy">2003
    </td></tr>
    <!-- row 5 -->
    <tr><td class="grdhdr">Hubraum:
    </td><td class="grdbdy">1689 ccm
    </td></tr>
    <!-- row 6 -->
    <tr><td class="grdhdr">Leistung:
    </td><td class="grdbdy">66 KW/ 90 PS
    </td></tr>
    <!-- row 7 -->
    <tr><td class="grdhdr">Kilometerstand:
    </td><td class="grdbdy">143.000
    </td></tr>
    <!-- row 8 -->
    <tr><td class="grdhdr">Motorcode:
    </td><td class="grdbdy">668.942
    </td></tr>
    <!-- row 9 -->
    <tr><td class="grdhdr">Farbkennung:
    </td><td class="grdbdy">375 U
    </td></tr>
    <!-- row 10 -->
    <tr><td class="grdhdr">Schlüssel-Nr. zu 2:
    </td><td class="grdbdy">0710
    </td></tr>
    <!-- row 11 -->
    <tr><td class="grdhdr">Schlüssel-Nr zu 3:
    </td><td class="grdbdy">516
    </td></tr> <p/>
    <!-- end rows -->
    </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>
    <!-- chart table generated at http://www.isdntek.com/tagbot/grids.htm -->
    <!-- add auction images like this -->


    <!-- end of sample auction images -->

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


    <!-- end of description section -->
    </div></div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >
    <!-- section heading below -->


    Hinweise:

    <!-- end of section heading -->
    </div><div class=hr4 ></div><div class=hr5 ></div>
    <div class=txt4><div class=txt5 >
    <!-- edit section contents below -->


    <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.

    <!-- end of section contents -->
    </div></div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >
    <!-- section heading below -->

    Versand und Bezahlung

    <!-- end of section heading -->
    </div><div class=hr4 ></div><div class=hr5 ></div>
    <div class=txt4><div class=txt5 >
    <!-- edit section contents below -->


    <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>.

    <!-- end of section contents -->
    </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 &copy; 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>
    <!-- end of main column -->


    <!--
    ======================================
    Right Sidebar column.
    If you plan to use auction images that are
    larger than about 360 pixels wide,
    the page may become too wide for some browsers.
    In that case, you may wish to delete the entire
    right sidebar section.
    ======================================
    -->


    <!-- right sidebar -->
    <td valign=top width=180 class=txt3 >
    <div class=hr1 ></div><div class=hr2 ></div><div class=hr3 >
    <!-- edit sidebar heading below -->

    Impressum:

    <!-- end of sidebar heading -->
    </div><div class=hr4 ></div><div class=hr5 ></div><div class=txt4>
    <!-- edit content in left sidebar -->
    <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>


    <!-- end of sidebar content -->
    </div><div class=hr1 ></div><div class=hr2 ></div><div class=hr3 ></div><div class=hr4 ></div><div class=hr5 ></div></td>
    <!-- end of right sidebar -->


    <!--
    ======================================
    end of template editing
    ======================================
    -->
    <!-- stylesheet and setup area. -->
    </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>

    <!-- End SkyBlocks Auction Template by Shipscript -->

    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

    Einmal editiert, zuletzt von MrMurphy (25. November 2012 um 23:40)

    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 ;)