Wer floatet muss auch clearen!
Diese Weisheit schlägt dem geneigten Anfänger rasch entgegen, wenn ihm bei seinen ersten Gehversuchen in der erlauchten Kunst des Webdesigns das Design aus dem Ruder gelaufen ist.
Okay, also clearen, bloß welche Methode??
Da sagt ja jeder was anderes. Weiterlesen
Der etwas kompliziertere Fall eines grafischen Menüs habe ich schon erklärt.
Hier folgt nun der etwas einfachere Fall, wo der Linktext ganz normal dasteht und die Grafik nur den Hintergrund bildet. Weiterlesen
Sehr beliebt sind auch Menüs, die sich mit Tabs organisieren. Vielleicht ist euch in diesem Zusammenhang schon mal der Begriff Sliding Doors (Schiebetürentechnik) untergekommen.
Der Nachteil dieser Technik ist, das man pro Linkzustand jeweils zwei Grafiken braucht.
Diese Hintergrundbilder waren so weit ineinander geschoben, das sie sich beim Zoomen der Seite wie eine Schiebetür immer weiter auseinanderzogen.
Wir verwirklichen das Ganze mit CSS-Sprites (engl. für Kobolde, Geist), d.h. wir benötigen nur eine Grafik für alles. Diese wird einfach per background-position an die richtige Stelle geschoben. Weiterlesen
Warum bieten wir Menschen, die auf ein Bildschirmvorlesegerät (Screenreader) angewiesen sind und solchen, die sich aufgrund motorischer Einschränkungen mit der Tab-Taste durch eine Website hangeln, nicht ein kleines bißchen Komfort?
Skiplinks am Anfang einer Seite, mit denen man direkt zum Inhalt und/oder zur Navigation springen kann. Das Gleiche am Ende einer jeden Seite, damit man wieder zurück zur Navigation und/oder zum Anfang Inhalt springen kann.
Damit die Durchtabber auch in den Genuß dieser Skiplinks kommen, ist es doch im Grunde nur eine Kleinigkeit die Skiplinks mit etwas CSS für diese Menschen sichtbar zu machen, wenn sie beim Durchtabben an den entsprechenden Stellen ankommen. Weiterlesen
In meinem letzten Artikel Navi – Flyout 1 habe ich beschrieben, wie man ein einfaches Flyout-Menü mit zwei Ebenen erstellt.
Hier werde ich euch zeigen wie man eine dritte Ebene hinzufügt, d.h. ein Submenü bekommt ein weiteres Submenü, ein Sub-Submenü sozusagen. Weiterlesen
Bei einem einfachen Layout mit zwei Spalten soll die Navigation in ein Flyout-Menü umgewandelt werden Weiterlesen
Im letzten Artikel CSS – Ordnung 1 habe ich etwas über das Inhaltsverzeichnis einer CSS-Datei geschrieben und einen Vorschlag gemacht, wie die Abteilung Allgemeine Selektoren ausschauen könnte.
Hier möchte ich einen Vorschlag zur Reihenfolge der Deklarationen in einem Deklarationsblock machen. Weiterlesen
Eine CSS-Datei kann je nach Website schon mal 1000 Zeilen erreichen, vorausgesetzt man organisiert sie übersichtlich.
Dabei kann ein Inhaltsverzeichnis sehr hilfreich sein. Die damit verbundene Mehrarbeit lohnt sich auf jeden Fall. Sollte man bei der mühevoll erstellte Website nach einem Jahr Änderungen durchführen müssen, hat man durch das Inhaltsverzeichnis sehr schnell den Überblick was wo steht. Weiterlesen
Das ist ein kleiner Versuch, besonders den nicht so Erfahrenen unter euch, das Thema Suchmaschinenoptimierung etwas näher zu bringen.
Diese Sammlung von Ratschlägen erhebt keinen Anspruch auf Vollständigkeit.
Da sich Google nicht so richtig in die Karten gucken läßt, ist einiges was mit dem Thema zusammenhängt immer auch die Weitergabe von Gerüchten, Meinungen und der eigene Glaube an die Richtigkeit seiner Erfahrungen.
Trotzdem glaube ich, das euch die Beachtung dieser Tips bei der Erstellung von Websites helfen kann, ein günstiges Suchmaschinenranking zu erreichen. Weiterlesen
Tutorial zur Erstellung eines einfachen Dropdown-Menüs mit XHTML/CSS und etwas Javascript für den IE 6. Weiterlesen