Archiv der Kategorie: XHTML/CSS

Runde Ecken 1

Container problemlos mit runden Ecken auszustatten wird erst mit CSS 3 kommen. Im Firefox kann man heute schon mit die Anweisung -moz-border-radius einer Box abgerundete Ecken verpassen. Browserübergreifend geht das heute nur mit Grafiken, etwas CSS und je nach Anforderung … Weiterlesen

Kategorie: XHTML/CSS | 2 Kommentare

Runde Ecken 2

In meinem letzten Artikel Runde Ecken 1 habe ich die einfachste Form einer relativ flexiblen Box mit abgerundeten Ecken erklärt. Die nächste Stufe ist eine teilflexible Box mit Rahmen.

Kategorie: XHTML/CSS | 5 Kommentare

Richtig Clearen

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 … Weiterlesen

Kategorie: XHTML/CSS | 6 Kommentare

Grafische Navi 2

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.

Kategorie: Navigationen, XHTML/CSS | 8 Kommentare

Navi – Tabs

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 … Weiterlesen

Kategorie: Navigationen, XHTML/CSS | 4 Kommentare

Skiplinks und Skiplinktabs

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 … Weiterlesen

Kategorie: XHTML/CSS | 8 Kommentare

Navi – Flyout 2

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ü … Weiterlesen

Kategorie: Navigationen, XHTML/CSS | 5 Kommentare

Navi – Flyout 1

Bei einem einfachen Layout mit zwei Spalten soll die Navigation in ein Flyout-Menü umgewandelt werden

Kategorie: Navigationen, XHTML/CSS | 6 Kommentare

CSS – Ordnung 2

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.

Kategorie: XHTML/CSS | 1 Kommentar

CSS – Ordnung 1

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 … Weiterlesen

Kategorie: XHTML/CSS | 3 Kommentare