Listenzeichen

Publiziert am 05.10.2009 von Klaus

Listenzeichen sind ein leidiges Thema.

Es ist ja optisch ganz nett, wenn die Listenpunkte einer ungeordneten Liste vom Browser automatisch mit einem Listenzeichen versehen werden. Dadurch wird die Liste optisch noch einmal hervorgehoben.

Dumm ist nur wenn die Listenzeichen in jedem Browser anders aussehen. Ganz übel wird es dann, wenn sie im Internet Explorer zu sehen sind im Firefox aber nicht, oder umgekehrt.

Was tun sprach Zeus?

Ihr könntet list-style-position auf inside setzen (beim Firefox ist es per Default-Einstellung outside), aber die Punkte sind im Internet Explorer trotzdem klein, dünn und kraftlos.

Es gibt einen besseren Weg: Weiterlesen →

Kategorie: XHTML/CSS | 14 Kommentare

Gelungenes Webdesign

Publiziert am 29.09.2009 von Klaus

Buchcover Gelungenes Webdesign

Webdesign besteht aus zwei Wörtern: Web und Design. Die meisten schenken dem Web die größte Aufmerksamkeit und vernachlässigen darüber leider das Design.

Ich möchte euch ein Buch vorstellen, das auf knapp 180 Seiten kurz und knackig die Gesetzmäßigkeiten guten Designs rüberbringt.

Gelungenes Webdesign von Jason Beaird. Weiterlesen →

Kategorie: Buchtips | 1 Kommentar

Faux Columns Liquid

Publiziert am 24.09.2009 von Klaus

Die Faux Columns Technik für feste Layouts hatte ich schon in einem Artikel erklärt.

Aber wie erzeugen wir gleichlange Spalten für flüssige Layouts, d.h. wo die Spaltenbreiten
Prozentwerte sind (rechts 25%, mitte 50%, links 25% z.B.) ?

Das ist nicht viel schwieriger als die normale Faux Columns Technik. Weiterlesen →

Kategorie: XHTML/CSS | 1 Kommentar

Eigenes Seitentemplate

Publiziert am 23.09.2009 von Klaus

Neben Artikel beinhaltet ein WordPress-Blog fast immer auch einige Seiten z.B. Kontakt, Impressum, usw., die im Backend unter Seiten – Erstellen definiert werden.

Mit ein paar kleinen Änderungen könnt ihr ein eigenes Seitentemplate erstellen, mit dem ihr dessen Inhalt ganz individuell gestalten könnt. Weiterlesen →

Kategorie: Wordpress | 9 Kommentare

Colour Contrast Analyzer

Publiziert am 21.09.2009 von Klaus

Heute will ich euch ein kleines, kostenloses Softwaretool vorstellen, was euch helfen kann, eure Website zugänglicher zu gestalten:

Den Colour Contrast Analyzer. Weiterlesen →

Kategorie: Zugänglichkeit | 5 Kommentare

Navi – CSS-Tabelle

Publiziert am 17.09.2009 von Klaus

Ein horizontales Menü dessen Links teilweise zwei,- und/oder dreizeilig sind, lassen sich mithilfe einer CSS-Tabelle recht gut gestalten.

Die Vorteile der Tabellendarstellung bestehen darin, dass die Tabellenzellen einer Zeile immer gleich hoch sind und sich immer auf die gesamte Breite der Tabelle verteilen. Es gibt keinen Umbruch der Tabellenzellen
und die Inhalte fließen nicht über. Weiterlesen →

Kategorie: Navigationen | 3 Kommentare

Runde Ecken 3

Publiziert am 15.09.2009 von Klaus

Zwei Artikel zu Boxen mit abgerundeten Ecken habe ich bereits verfasst:
Runde Ecken 1 und Runde Ecken 2.

Im dritten Artikel wird die Box mit runden Ecken am Ende voll flexibel sein, d.h. sie hält einer Schriftvergrößerung von sechs Stufen stand. Weiterlesen →

Kategorie: XHTML/CSS | 8 Kommentare

Runde Ecken 1

Publiziert am 14.09.2009 von Klaus

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 mit zusätzlichen Boxen.

Im einfachsten Fall brauchen wir zwei Grafiken und kein zusätzliches Element. Diese Box wächst dann nur vertikal, was in vielen Fällen sicher ausreicht. Weiterlesen →

Kategorie: XHTML/CSS | 2 Kommentare

Runde Ecken 2

Publiziert am 13.09.2009 von Klaus

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. Weiterlesen →

Kategorie: XHTML/CSS | 5 Kommentare

Richtig Clearen

Publiziert am 11.09.2009 von Klaus

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 →

Kategorie: XHTML/CSS | 6 Kommentare