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');
#beschreibung h1 {
border: 10px solid #000981;
text-align: center;
font-size: 1.2em;
font-family: Times New Roman;
color: #000981;}color: red;}
#beschreibung img {</style>border: 6px groove #C0C0C0;
margin: 3em;
width: 200px;
height: 150px;} - 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