Webseite programmieren #1

Nach dem ich meine Webseite beim Freehoster kilu.de angemeldet habe, gehe ich an die Arbeit, sie auch zu programmieren.

Wie immer erstelle ich mir eine index.php und die css-Datei. Und wieder einmal plagt mich das Problem, dass ich meine Links mit einem Hintergrund und Rahmen versehen möchte, wenn ich mit dem Mauszeiger darüber gehe. Das funktioniert bei Textlinks super, aber leider auch, wenn ich Grafiken als Verweis einsetze. Genau das möchte ich aber nicht, da es das ganze Design zerschießt.

Ich habe stundenlang (ok, es war auch schon spät) probiert und gemacht und nach stundenlangem Gefrickel komme ich auf die Lösung, mitten in der Nacht. Dabei ist es so einfach. Wie war das mit dem Wald und den Bäumen noch gleich?

In meiner css-Datei erstelle ich eine Unterklasse für Links:

a.zero {

background-color: transparent; border: none;

}

Im Code muss ich dann nur für die Links, die, anders als Verweise im Defaultlayout, ohne Rahmen und Hintergrundfarbe angezeigt werden sollen, die Klasse zero definieren:

<a href=”#top” class=”zero” title=”zum anfang”><img src=”img/top.gif” alt=”top”></a>

Und für das Bisschen habe ich Stunden meines Lebens geopfert. Na ja, Hauptsache es funktioniert und ich weiß für die Zukunf tBescheid.