Archiv der Kategorie: XHTML/CSS

Suchmaschinenoptimierung – Allgemeine Tips

Publiziert am 24.08.2009 von Klaus

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

Kategorie: Internet, Webarbeit, XHTML/CSS | 8 Kommentare

Navi – Dropdown

Publiziert am 20.08.2009 von Klaus

Tutorial zur Erstellung eines einfachen Dropdown-Menüs mit XHTML/CSS und etwas Javascript für den IE 6.

Kategorie: Navigationen, XHTML/CSS | 10 Kommentare

Schriftgröße und line-height

Publiziert am 18.08.2009 von Klaus

Wie oft findet man auf vielen Websites so oder so ähnlich diese Angabe: body { font-size:12px; line-height:16px; } Die erste Schriftgröße ist in Pixel definiert und für line-height wird eine Maßeinheit angegeben. Wenn die erste Schriftgröße in der CSS-Datei in … Weiterlesen →

Kategorie: XHTML/CSS | 19 Kommentare

Grafische Navi 1

Publiziert am 17.08.2009 von Klaus

Ziel dieses Tutorials ist es, ein horizontales Menü zu erstellen, welches komplett aus Hintergrundgrafiken besteht. Damit das Menü bei abgeschalteten Grafiken noch funktioniert, wird der Linktext ganz normal in den Quelltext geschrieben. Die Grafiken werden mithilfe der Image Replacement Technik … Weiterlesen →

Kategorie: Navigationen, XHTML/CSS | 12 Kommentare

Image Replacement nach Gilder/Levin

Publiziert am 15.08.2009 von Klaus

Sehr viele Websites haben einen header mit einer Grafik oder einem Foto, um das Ganze optisch zu verschönern. Ist ja auch kein Problem innerhalb der H1-Überschrift statt eines Textes ein Bild hineinzupflanzen. Nur eine winzige Kleinigkeit stört dabei: Google kann … Weiterlesen →

Kategorie: XHTML/CSS | 15 Kommentare

Faux Columns Technik

Publiziert am 13.08.2009 von Klaus

Wir haben uns ein schönes Layout mit Kopf, zwei Spalten und Fuß gebastelt. Die Spalten haben unterschiedliche Farben und eine unterschiedliche Textmenge bekommen. Leider geht die Farbe der kürzeren Spalte nicht bis nach unten zum Fußbereich. Das wollen nun wir … Weiterlesen →

Kategorie: XHTML/CSS | 15 Kommentare

Foot Sticker Alt

Publiziert am 11.08.2009 von Klaus

Foot-Sticker-Alt ist eine Technik, mit der man den Fußbereich einer Webseite am unteren Bildschirmrand fixieren kann, auch wenn die Seite wenig Text enthält.

Kategorie: XHTML/CSS | 13 Kommentare

Stapelung 1 – Mit und ohne z-index

Publiziert am 10.08.2009 von Klaus

Ich weiss nicht ob es euch schon mal so gegangen ist: Eine schönes Design mit Dropdown-Navi und sich überlagernden Elementen hurtig entworfen. Frisch gecodet, im Browser angeschaut und festgestellt, das die Dropdown-Navi hinter dem nachfolgenden Element aufklappt und somit unbenutzbar … Weiterlesen →

Kategorie: XHTML/CSS | 11 Kommentare

Conditional Comments 1 – Korrekturen für alle IE-Versionen in einer Datei

Publiziert am 05.08.2009 von Klaus

Mithilfe von Conditional Comments kann man dem Internet Explorer besondere Gestaltungsanweisungen zukommen lassen, die auch nur von ihm interpretiert werden. Zuerst erstellt man eine CSS-Datei und speichert sie unter dem Namen ie.css in dem Ordner ab, wo die anderen CSS-Dateien … Weiterlesen →

Kategorie: XHTML/CSS | 16 Kommentare