Quelltext
für die veränderte Endfassung der Übungsauktion
rot zeigt die modifizierten Stellen
<style type="text/css">
#beschreibung {
background: #D0D0DF url('BILDADRESSE);
border: 15px solid #607F8F;
text-align: center;
font-size: 1.3em;
font-family: Arial;
color: #030034;
padding: 3em;
margin: 3em;
}
#beschreibung h1 {
font-size: 2.3em;
font-family: Times New Roman;
color: #7D002E;
}
#beschreibung img {
border: 0;
margin: 3em;
width: 300px;
height: 400px;
}
</style>
<div id="beschreibung"> <!--Anfang der Artikelbeschreibung-->
<h1>Willkommen in meiner Auktion!</h1>
<img src="BILDADRESSE" alt="Alternativtext" style="width: 424px; height: 310px; border: 10px double #607F8F;">
<p>Meine Tochter ist ihrem <b>Felix-Schlafsack</b> leider entwachsen. </p>
<p>Er wurde geliebt und benutzt,
<br>aber <i>nicht</i> strapaziert,
<br>so ist er sehr gut erhalten</p>
<img src="BILDADRESSE" alt="Baby-Felix-Schlafsack">
<p><b>Versand</b>: Hermespäckchen 3,90 EUR</p>
</div> <!--Ende der Artikelbeschreibung-->
- der Rahmen um die Auktion wurde in Dicke und Farbe verändert
- Schriftgröße, -familie und -farbe wurden für die gesamte Beschreibung verändert
- Schriftgröße, -familie und -farbe der Überschrift wurden neu festgelegt
- ein größeres freigestelltes transparentes Schlafsackbild wurde gegen das kleine eingetauscht
deswegen mussste die Größe im stylesheet angepasst werden, der Rahmen (border) auf 0 gesetzt. - das neu eingefügte babybild wurde nicht im zentralen stylesheet oben formatiert sondern direkt im img-tag mit:
style="width: 424px; height: 310px; border: 10px double #607F8F;" - unten in der Beschreibung wurde ein zusätzlicher Text für die Versandkosten eingefügt
