29 Mar 2007 Tab-Navigation mit CSS
Die Seitennavigation mit Tabs da oben ist natürlich nicht auf meinem Mist gewachsen – der Code wie auch die Grafiken stammen von Christopher Ware, der jede Menge solcher Menüdesigns zusammengebastelt hat, eines schöner als das andere.
Der HTML-Code für eine solche Navigation ist denkbar simpel: Eine in einen div-Container verpackte ul, deren Listenpunkte jeweils einen Link enthalten, dessen Linktext wiederum nochmal in ein span verpackt wird.
Hi,
Du solltest übrigens deinem #wrapper mal eine max-width geben. So in etwa die Breite des Bildes oben. Spätestens ab 1100 wird’s nämlich schon hässlich weil der Titel niht mehr lesbar ist.
Dieses Template ist »work in progress«. Als Unterlage dient ein Template-Framework, an dem derzeit noch gebastelt wird. max-width für #wrapper wäre grundsätzlich der richtige Ansatz – leider funtioniert das nicht in allen Browsers (wir raten jetzt einfach mal, in welcher Browserfamilie es nicht funktioniert … richtig). Mittelfristig wird es wahrscheinlich – zumindest in diesem Blog – dadurch gelöst werden, dass der Blogtitel in die Headergrafik eingebaut wird. Dazu müsste ich aber erstmal dazu kommen, die endgültige Headergrafik zu bauen – das hier ist quasi ein »Platzhalter«. Irgendwann nächste Woche … trotzdem danke für den Hinweis, es wird vermutlich behelfsmäßig schon reichen, #serendipity_banner zusätzlich eine Hintergrundfarbe zu verpassen.