Design per CSS: das Stylesheet
Wenn auch das Layout durch Tabellen festgelegt ist, so sind doch wesentliche Elemente im Stylesheet festgelegt.
Einige neue Klassen helfen dabei, das Design nach meinem Gusto zu verändern. Ich beginne mit der Kopftabelle, die ein Hintergrundbild bekommt, das links vom Firmenlogo und rechts von dem Schriftzug “Shop” überdeckt wird.
TR.logo { height: 75px; width: 100%;
background-image:url(images/headlineBG.jpg); }
So möchte ich für die Infoboxen der beiden äußeren Spalten eine andere Hintergrundfarbe und führe daher je eine neue Klasse für rechts und links ein:
TD.infoLeft, TD.infoRight { background: #eaeaea; }
Die Überschrift der Boxen soll ein Hintergrundbild bekommen:
TD.infoBoxHeading {height: 27px;
background-image:url(rot.png); color: #fff; }
