Zum Textbeginn springen Zur Navigation springen

Tipps aus der Praxis
12 Lektionen für alle, die Angst haben vor CSS und Webstandards: Der Artikel erläutert die wichtigsten 12 Grundsätze, die man verinnerlichen muss, wenn man seine Arbeitsweise erfolgreich von Tabellenlayout auf standardsnahes Layout umstellen will.
Praktischer Aufbau von Style-Sheets: Der Artikel gibt Hinweise, wie man die Style-Sheets für eine Website von Beginn an in die Planung einbeziehen, sinnvoll strukturieren und übersichtlich managen kann.
IE 7: CSS-Hacks und Neuerungen: Der Artikel enthält alle CSS betreffenden Neuerungen des IE 7 einschl. einer Beschreibung der behobenen Fehler und der Vorstellung einiger spezieller Hacks für den IE 7.
Serverseitige CSS-Konstanten: Viele Webentwickler vermissen heute die Möglichkeit, Variablen für CSS wie in Programmiersprachen zu definieren. Der Artikel erklärt, warum das so ist und zeigt Lösungsmöglichkeiten auf.
Zentrierung in der Bildschirmmitte: Hier werden mehrere Möglichkeiten erläutert, mit Hilfe von CSS den Seiteninhalt wie einen Splash-Screen vertikal und horizontal genau in der Mitte des Bildschirms zu plazieren.
Sitemaps mit CSS formatieren: Dieses Tutorial stellt einige der Möglichkeiten vor, Sitemaps effizient mit CSS zu gestalten: als Baumdiagramm à la Explorer, als nummerierte Liste, als Tabelle oder als Auflistung der Themen mit kurzen Anreißern.
HTML-Attribute durch CSS ersetzen: Viele Merkmale der Darstellung einer Website wurden traditionell durch HTML-Elemente und -Attribute realisiert. Diese Seite gibt eine Übersicht darüber, inwieweit diese HTML-Attribute und -Elemente heute durch CSS-Eigenschaften ersetzt werden können.
CSS-Layouts
Layouts mit Positionierungen: Aufbau von Website-Layouts, die nur auf CSS basieren. Es wird ein einfaches Vier-Punkte-Programm vorgestellt, mit dessen Hilfe sich Layouts mit einer beliebigen Anzahl von Spalten erstellen lassen, inkl. Kopf- und Fußteil.
Layouts mit float und clear: Dieses Tutorial zeigt,wie man ein komplettes CSS-Layout allein auf float und clear basieren kann, mit beliebig vielen Spalten, mit/ohne Kopfteil und Fußteil.
Flexible Layouts mit CSS- Positionierungen: Für Designer, die weniger Zeit für CSS-Hacks und mehr Zeit für das eigentliche Design aufwenden wollen: Zwei Techniken, mit denen sich ein flexibles Layout-Gitter aufbauen lässt, das auf einem 160×160-PDA genausogut aussieht wie auf einem 1024×768 großen Bildschirm.
CSS-Layouts für Tabellen: In diesem Artikel geht es nicht um tabellenbasiertes Layout, sondern darum, wie Tabellen mit Hilfe von Style-Sheets gestaltet werden können.
Web-Formulare ohne Tabellen: Ein CSS-Layout für Web-Formulare, das gut aussieht und alle Kriterien zur Zugänglichkeit erfüllt - eine projektübergreifend verwendbare Lösung..
Design ohne Grids: Ist die Ära der Gitter-Layouts zu Ende? Moderne gitterfreie CSS-Layouts laden schnell, sind attraktiv, effizient und leicht beherrschbar. Aber nur, wenn wir das wollen.
Druckoptimierte Layouts mit CSS: Der Artikel zeigt, wie ein Webdokument ohne besondere Druckversion, allein durch konsequente Trennung von Information und Gestaltung, für den Druck optimiert werden kann.
Navigationen
Listen-Navigation, Grundaufbau: Allgemeine Einführung in die Erstellung von Rollover-Menüs ohne JavaScript auf der Basis von Listen mit vertikal oder horizontal angeordneten Buttons.
Listen-Navigation, Erweiterungen: Hier werden Erweiterungen und Besonderheiten der CSS-Rollover-Menüs erläutert - insbesondere für standardstreue Browser.
Horizontale Tab- Navigation Teil 1: Schiebetüren-Navigation — eine Technik zur Erstellung horizontaler Navigationen, die anspruchsvolle grafische Entwürfe aufnehmen können und sich wechselnden Schriftgrößen automatisch anpassen.
Horizontale Tab- Navigation Teil 2: Weiterentwicklung der Schiebetüren-Navigation durch Kombination mit anderen Techniken, u. a. mit einer Lösung für die klickbare Fläche in IE/Win oder Individualisierung der Tabs.
Horizontalnavi in zwei Ebenen: Eine Entwicklung eines horizontalen Aufklappmenüs, in dem zwei Ebenen ständig angezeigt bleiben. Dazu werden verschiedene CSS-Techniken miteinander kombiniert.
Komplex-dynamische Listen: Ein Navigationsmenü im Stil des Mac OS X Finders. Menüs und Submenüs sind in mehreren Spalten nebeneinander organisiert, und alles bei strenger Einhaltung der Zugänglichkeit.
Rahmen, Grafik, Hintergründe
Schatteneffekte mit CSS: Seit den Zeiten der ersten grafikfähiken Browser werden Schatteneffekte an Elementen mit Hilfe von Programmen zur Bildbearbeitung realisiert. In diesem Tutorial soll untersucht werden, wieweit so etwas heute durch reine CSS-Lösungen ersetzt werden kann.
Rahmenmuster einmal anders: Mit Hilfe der Eigenschaft border-style ermöglicht CSS 2.1 bereits acht verschiedene Rahmenmuster. Dieses Tutorial zeigt, wie man Elemente mit einem anderen Muster umgeben kann als denen, die durch die Spezifikation vorgegeben sind.
Beurteilung der FIR-Technik: Die Technik des Fahrner-Image-Replacement nutzt Images, um Titelzeilen in besonders gut aussehenden Schriftfonts auszugeben. Der Artikel diskutiert, ob diese Technik die Kriterien der Webzugänglichkeit erfüllt.
Text dynamisch ersetzen: Wie kann man grafisch anspruchsvolle Titelzeilen für seine Seiten realisieren? Dieses Tutorial stellt eine Scriptlösung mittels PHP und JavaScript vor, bei der auch die Webzugänglichkeit nicht zu kurz kommt.
CSS-Oktagon: Die siebzehn Farbnamen des CSS 2.1, hier als achteckiger 'Farbenkreis' mit reinem CSS dargestellt.
Optische Illusion: Eine Vase oder zwei Gesichter?
Eine alte Zeichnung, hier ganz ohne Grafik nur mit CSS realisiert.
Medien & Style- Sheet- Wechsel
Einfacher Style- Sheet- Wechsler: Die deutsche Erläuterung des wohl bekanntesten Style-Sheet-Wechlers im Web.
Multimedia Style- Sheet- Wechsler: Erweiterung des bekannten Style-Sheet-Wechslers von Paul Sowden zur Verwendung in beliebigen Medien.
Layouting für PDA und Smartphone: Webseiten für Kleinstbildschirme auslegen - was muss man außer der konsequenten Trennung von Inhalt und Design sonst noch beachten?
Einschränkungen & Workarounds
Box-Modell-Hacks: Auf dieser Seite wird erklärt, wie man auch schlechte Browser dazu bringt, das Box-Modell korrekt darzustellen. Behandelt werden der Tantek-Hack einschließlich einer vereinfachten Form, der Tan-Hack und der Caio-Hack.
Realisierung von CSS Webfonts: Aus Anlass des zehnjährigen Geburtstags der CSS-Technik erinnert Håkon Wium Lie an die Vorteile von Webfonts. Er stellt eine konzeptuelle Versuchsplattform vor, die der nächste Schritt bei der Realisierung von Webfonts sein könnte.
fixed auch für IE/Win: Der Artikel stellt ein JavaScript vor, mit dem Hintergründe und Elemente fixed positioniert werden können. Es sorgt dafür, dass IE/Win 5.x und 6 die Deklarationen position:fixed und background-attachment:fixed korrekt interpretiert.
Dynamische Pseudoklassen und benannte Anker: Dieser Artikel löst ein Problem, das bei neueren standardstreuen Browsern auftritt, wenn die Links einer Website in der herkömmlichen Weise und Reihenfolge link, visited, hover, active deklariert sind.

CSS 2.1 ::Artikel

Änderungen und Ergänzungen in CSS 2.1

Dieser Artikel wurde einer anderen Sektion zugeordnet. Sollten Sie nicht automatisch weitergeleitet werden, klicken Sie bitte hier: Änderungen und Ergänzungen in CSS 2.1

Home|Vollreferenz|Schnellreferenz|Grundlegendes|Tutorials & Artikel|Quiz|Allgemeines

Die URL dieser Seite ist: www.thestyleworks.de/tut-art/css21-changes.shtml
Gedruckt am Freitag, dem 30. Juli, 2010.
© Copyright All Contents 2002- 2010 K. Langenberg.
Commercial Use prohibited.

Notizen: