Ergebnis 1 bis 10 von 10

Thema: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

  1. #1
    Unregistriert
    Gast

    Unglücklich 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.


    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
        <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>
    </head>
    
        <div id="container">
          <div id="topheader">
                  <br /><h1 id="theader">Your</h1>
            <span id="theadert">A short slogan thing here</span>
                </div>
              <div id="mainbanner">
                  Some catchy slogan here
                </div>
                <div id="nav">
                  <ul>
                      <li><a href="#">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Portfolio</a></li>
                        <li><a href="#">Guestbook</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
                <div id="body">
                <h2>Welcome to&nbsp;</h2>
    <div class="intro">
    Some filler content&nbsp; 
    </div>
    <h2>Recent News</h2>
              <h3>Latest News here</h3><br />
                <div id="recentnews">Example of some news here<br />
                </div>
    <h2>Latest Additions</h2>
    <div class="intro">
    Some filler content&nbsp; 
    </div><br /><br /><br />
    <div class="intro">
    Some filler content 
    </div>
                </div>
            </div>
            <div id="footer">
             </div>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Dodo (01.10.2011 um 01:36 Uhr) Grund: HTML-Tag

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

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

  3. #3
    Unregistriert
    Gast

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

    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.

  4. #4
    Interessierte/r
    Registriert seit
    04.12.2005
    Beiträge
    133
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

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

  5. #5
    Unregistriert
    Gast

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

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

  6. #6
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    572
    Danke
    0
    Bekam 67 mal "Danke" in 65 Postings

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

    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.

    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

  7. #7
    Unregistriert
    Gast

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

    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!

  8. #8
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    572
    Danke
    0
    Bekam 67 mal "Danke" in 65 Postings

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

    Hallo,

    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

  9. #9
    Unregistriert
    Gast

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

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

  10. #10
    Sweet_Angel
    Gast

    Standard AW: Hintergrundfarbe bei Ebay nur auf Artikelbeschreibung

    geschlossen

Ähnliche Themen

  1. Transparente Hintergrundfarbe
    Von davidos_no.1 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 17
    Letzter Beitrag: 10.12.2009, 00:22
  2. Hintergrundbild + Hintergrundfarbe???
    Von DariaUrania im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 06.11.2008, 01:06
  3. hintergrundfarbe+bild
    Von im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 19.10.2006, 08:51
  4. Hintergrundfarbe
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 28.08.2005, 15:02
  5. Hintergrundfarbe ändern
    Von Tassadus im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 26.08.2003, 17:33

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •