Auktionserstellung Schritt für Schritt

Schritt 10: Abstände und Positionierungen

  • zuletzt verändern wir Innen- und Aussenabstand (padding und margin) der gesamten Beschreibungsbox - ergänze wiederum Dein obiges 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;
    padding: 3em;
    margin: 3em;    }

    #beschreibung h1 {

    color: red; }

    #beschreibung img {

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

    </style>
  • hier wurden in den gesamten style-Zuweisungen margin: .. und padding: .. verwendet. Damit wird allen 4 Seiten die gleiche Abstandsgröße zugewiesen. Man könnte auch jeder Seite einen anderen Abstand geben mit padding-top, padding-bottom, padding-left, padding-right (mit margin genauso), mehr info => hier
  • hier nun das erste vorläufige => Endergebnis

weiter zu => ausklang: das vorläufige Endergebnis

Grafik: Auge