Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

    Hallo,

    wie kann man die Hintergrundfarbe bei einer Ebay-Artikelbeschreibung nur auf dem Bereich der Beschreibung beschränken? Denn leider wird bei mir auch der Bereich darunter eingefärbt und auch die Schriften geändert.

    Hier ist der Quellcode. Gerne freue ich mich über weitere Optimierungsvorschläge. Bin leider nur blutiger Anfänger.


    Einmal editiert, zuletzt von Dodo (1. Oktober 2011 um 00:36) aus folgendem Grund: HTML-Tag

    Ich habe sowas leider noch nie bei eBay gemacht.
    Hast du einen Link für uns, damit man sich das genauer ansehen kann?

    Something big is coming. And there will be pirates and ninjas and unicorns...

    Einen Link habe ich leider nicht. Aber man sieht die falsche Darstellung, wenn man sich bei ebay die Vorschau anzeigen lässt. Bevor man den Artikel einstellt.

    moin ...
    Ist zwar schon lange her aber vom Verständnis her wird ebay da nichts verändert haben.
    Lass mal das komplette Grundgerüst weg <html><body> und schreib es nur in ein <div>
    gruß ...

    Und wie würde das dann aussehen? Hab schon was proboert, aber leider ohne Erfolg.

    Hallo,

    du solltest auch die rechtlichen Aspekte nicht vernachlässigen. Schließlich gehst du mit Ebay einen Vertrag ein, in dem du dich unter anderem verpflichtest, nicht in die Seitenstruktur von Ebay einzugreifen. Du darfst also nur den Teil des html-Quelltextes bearbeiten, der die Beschreibung deines Angebots enthält.

    Von daher darfst du keine "komplette" Seite einfügen, sondern das angesprochene div-Element ist schon das Mittel zum Ziel.

    Auch mit Links, die in deinem Quelltext auftauchen, solltest du vorsichtig sein. Die sind bei Ebay auch eingeschränkt. Schließlich verdient Ebay nur an Käufen, die auch über Ebay abgewickelt werden.

    Zitat

    Und wie würde das dann aussehen?

    Dazu habe ich folgende Informationen gefunden, die ich auch erfolgeich bei meinen Angeboten nutze.

    Am sinnvollsten ist es wohl, den eigenen Quelltext mit einem br zu beginnen.

    Dann folgt ein Link zu einer externen css-Datei, in der das Aussehen der html-Elemente bestimmt wird. Eigentlich gehört so eine Angabe zwar in den Kopfbereich des Quelltextes, aber auf den hat man keinen Zugriff und bei Ebay gibt es damit keine Konflikte. Die css-Angaben können auch direkt eingefügt werden, aber das mir mir zu unflexibel und der Quelltext wird unnötig aufgebläht und unübersichtlicher.

    Danach folgt das umschließende div-Element, das eine eindeutige id erhält, die nicht von Ebay genutzt wird.

    Innerhalb des div kann dann der Angebotstext lanciert werden, durch die eindeutige id können alle html-Elemente wie üblich per css formatiert werden, ohne mit dem Ebay-Quelltext in Konflikt zu geraten.

    Gruss

    MrMurphy

    Danke für die ausführlichen Infos. Ich weiß, dass ich die komplette ebay-Seite nicht verändern darf und das ist auch genau, was ich an meinem Quellcode ändern will. Also das sich die Darstellung nur auf die Artikelbeschreibung passt.

    Habe probiert folgendes zu löschen:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Allerdingss wird dann nicht mehr das korrekt Format angezeigt. Meine anderen links verweisen nur auf Fotos wodurch es seitens ebay keine Probleme geben dürfte. Habe CSS mit eingebaut, weil ich keinen eigenen Webspace habe.

    Vielleicht könntest du mir meinen Quellcode korrekt formatieren? Das wäre super nett!
    Ich weiß das ich mit folgendem mich nur auf die Artikelbeschreibung beziehe, aber es klappt trotzdem nicht :(
    <style type="text/css">
    <!--
    -->
    </style>

    VIELEN DANK FÜR DIE HILFE!

    Hallo,

    Zitat

    Vielleicht könntest du mir meinen Quellcode korrekt formatieren?

    Dazu müsstest du erst mal einen realistischen Quelltext zur Verfügung stellen. Dein bisheriger Quelltext zeigt eher eine komplette Internetseite (Welcome to, Recent News, Latest Additions ... und Links wie Home, About, Blog...), auf der ich nichts von einer Artikelbeschreibung bei Ebay erkennen kann.

    Gruss

    MrMurphy

    Hallo MrMurphy,

    ich habe jetzt den Quellcode angepasst. Ich denke jetzt ist der Aufbau etwas klarer.
    Würde mich über deine Hilfe sehr freuen.

    PS: Weißt du auch, wie man das darstellt, wenn man oben auf den Link "English" klickt, dass dann zum unteren Teile der Seite gesprungen wird, wo dann der Text: "English description" steht?


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    body { margin: 0px 0px 0px 0px; background: #303030 url(http://keingerede2011.lima-city.de/template/bg.gif) repeat-x; }
    #container { margin: 0 auto; background: #FFFFFF url(http://keingerede2011.lima-city.de/template/ctbg.gif) no-repeat; width: 750px; margin-top: 40px; }
    #topheader { height: 89px; border-bottom: 1px solid #777777; color: #ff6600; width: 750px; }
    #theader { font-family: Impact, Sans-serif; font-size: 36px; color: #303030; background: url(http://keingerede2011.lima-city.de/template/logo.gif) no-repeat 0; margin-left: 18px; margin-top: -5px; margin-bottom: -5px; padding-left: 35px; width: 697px; }
    #theadert { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ff6600; padding-left: 73px; }
    #mainbanner {
    width: 560px;
    height: 88px;
    border-bottom: 1px solid #303030;
    background: url(http://keingerede2011.lima-city.de/template/mainbanner.gif) no-repeat;
    padding-top: 50px;
    padding-left: 190px;
    font-family: Rockwell Extra Bold;
    font-size: 26px;
    color: #FFF;
    }
    #nav { border-top: 5px solid #303030; width: 750px; }
    #nav ul { margin: 0 0 0 0; }
    #nav li { list-style-type: none; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
    #nav li a { text-decoration: none; color: white; background:#303030 url(http://keingerede2011.lima-city.de/template/navbg.gif) no-repeat; width: 100px; height: 17px; padding-top: 5px; display: block; float: left; text-align:center; }
    #body { float: none; clear:both; width: 750px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
    h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.8px;
    font-size: 24px;
    color: #303030;
    margin: 0 0 0 0;
    padding-left: 24px;
    padding-top: 16px;
    padding-bottom: 12px;
    }
    h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #ff6600;
    margin: 0 0 0 43px;
    padding-top: 0px;
    }
    #footer {
    width: 750px;
    margin: 0 auto;
    background:url(http://keingerede2011.lima-city.de/template/footer.gif) no-repeat;
    height: 19px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    padding-top: 5px;
    }
    #p404 {
    margin: 0 auto;
    padding-top: 20px;
    width: 400px;
    height: 200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    }
    .intro {
    margin-top: 5px;
    padding-left: 37px;
    padding-right: 30px;
    width: 683px;
    padding-top: 12px;
    height: 153px;
    background: url(http://keingerede2011.lima-city.de/template/introbg.gif) no-repeat #FFF;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height: 13px;
    }

    #recentnews { width: 700px; padding-left: 50px; }
    #recentnews a { color: #ff6600; text-decoration:none; }
    div.content { width: 740px; padding: 5px;}
    hr { margin-left: 50px; height: 0px; border-top: 2px dashed #FF6600;}
    #blogleft { width: 740px; padding: 5px; float: left;}
    #guestleft { width: 740px; float: left;}
    span.blogged { width: 100%; height: 20px; border-top: 1px solid #222222; background-color: #e4e4e4; display: block; margin-top: 5px;}
    .post {width: 650px; margin: 0 auto; padding-top: 5px; padding-bottom: 10px;}
    #body a { color: #ff6600; text-decoration: none; }
    label { margin-left: 50px; width: 150px; height: 20px; display: block; float: left; }
    b { color: #ff6600;}
    strong {color: #000000;}
    span.blogged1 { width: 64.5%; height: 20px; border-top: 1px solid #222222; background-color: #e4e4e4; display: block; margin-top: 5px;}
    #security {width: 400px;}
    </style>
    <div id="container">
    <div id="topheader">
    <br /><h1 id="theader">Sie bieten auf...</h1>
    </div>
    <div id="mainbanner">
    &nbsp;
    </div>
    <div id="nav">
    <ul>
    <li><a href="#">Andere Artikel</a></li>
    <li><a href="#">English</a></li>
    <li><a href="#">mich-Seite</a></li>
    <li><a href="#">Zu Favoriten</a></li>
    <li><a href="#">Bewertungen</a></li>
    <li><a href="#">Kontakt</a></li>

    </ul>
    </div>
    <div id="body">
    <h2>Text </h2>
    <div class="intro">
    Artikelbeschreibung
    </div>
    <h3>Kleiner Text</h3><br />
    <h2>Text 2</h2>
    <div class="intro">
    English description
    </div><br /><br /><br />
    <div class="intro">
    Versandbedingungen
    </div>
    </div>
    </div>
    <div id="footer">
    </div>