Auktionserstellung Schritt für Schritt

Schritt 9: Bildformatierung

  • nun geben wir dem Bild einen Abstand nach aussen (margin) und einen Rahmen (border), und ergänzen die Größe. Dazu schreibe bitte oben in das stylesheet:
    <style type="text/css">
    #beschreibung {

    background: #D0D0DF url('BILDADRESSE');
    border: 10px solid #000981;
    text-align: center;
    font-size: 1.2em;
    font-family: Times New Roman;
    color: #000981;}

    #beschreibung h1 {

    color: red;}

    #beschreibung img {

    border: 6px groove #C0C0C0;
    margin: 3em;
    width: 200px;
    height: 150px;}

    </style>
  • diese img-Definition erstreckt sich momentan auf alle Bilder, die in die Beschreibung eingefügt werden. Wenn man das nicht will, muss den abweichenden Bildern eine eigene id zugewiesen werden.
  • wichtig! Bitte kein riesiges Bild hochladen und dann in der Beschreibung mit 'width' und 'height' verkleinern! Die Dateigröße und damit Ladezeit des Bildes bleibt dabei riesig! Besser so => Info
  • hier wieder das => Ergebnis

weiter zu => schritt-10: Abstände und Positionierungen

Grafik: Auge