CSS-Praxis

Seite drucken
Diese Seite bookmarken: Diese Seite zu del.icio.us hinzufügen Diese Seite zu Mister Wong hinzufügen Diese Seite zu Google hinzufügen

CSS: Zwei grundlegende Kontroll-Stylesheets, die Ihnen das Leben erleichtern

(30.01.2009) Dieser Beitrag demonstriert, wie Sie ein stabiles Fundament zur Gestaltung Ihrer Webseiten erstellen, indem Sie die Innen- und Außenabstände für alle Elemente kalibrieren und die Styles mit einem zentralen Stylesheet auf mehrere Stylesheets verteilen können. mehr...

CSS: Boxen mit runden Ecken Dieser Tipp wurde mit 3 von 5 Sternen bewertet.

(26.01.2009) Wie Sie Boxen mit runden Ecken erstellen. Und zwar mit nur einer einzigen Grafik. mehr...

CSS: Bilder auf Webseiten beschriften

(16.12.2008) Mittels CSS haben Sie zwei Möglichkeiten, Bilder auf Webseiten zu beschriften: Per span für Bilder in einem Fließtextabsatz und per Defintionsliste für Bilder im eigenen Absatz. mehr...

Hervorhebungen im Fließtext gestalten per CSS

(08.12.2008) Zitate, Hinweisboxen und andere besondere Textauszeichnungen sind allesamt Teil des Fließtextes. Um die Aufmerksamkeit des Lesers zu erregen, sollte man diese optisch hervorheben. mehr...

Fließtext gestalten per CSS Dieser Tipp wurde mit 3 von 5 Sternen bewertet.

(27.11.2008) Lesen am Bildschirm ist nicht angenehm. Das beginnt mit der im Vergleich zu Papier geringen Auflösung und endet damit, dass der Bildschirm einen festen Platz hat und dem Leser dadurch die Sitzposition vorschreibt. Text auf Webseiten sollte deshalb möglichst gut lesbar sein und in diesem Artikel gibt es dazu einige Anregungen. mehr...

Bestellformular erstellen per CSS

(19.11.2008) So gestalten Sie ein komplettes Bestellformular mit mehreren Abschnitten. mehr...

HTML-Formulare gestalten per CSS Dieser Tipp wurde mit 4 von 5 Sternen bewertet.

(12.11.2008) Wie Sie per CSS ein einfaches Kontaktformular für Ihre Website gestalten und mit dem Formular-Chef von nettz.de verschicken. mehr...

HTML-Tabellen gestalten per CSS Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(03.11.2008) Tabellen sind nicht böse. Im Gegenteil. Zur Darstellung von tabellarischen Daten sind sie die Idealbesetzung. In diesem Artikel gestalten Sie eine CD-Songliste, indem Sie zunächst das HTML mit zusätzlichen Elementen und Attributen optimieren und anschließend die Tabelle per CSS hübsch und übersichtlich formatieren. mehr...

CSS: Gefloatete Elemente umschließen mit overflow:hidden Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(12.04.2007) Wer anfängt, Elemente auf Webseiten mit "float" auszurichten, wird früher oder später rätselhaften Situationen begegnen, in denen die Floats scheinbar tun und lassen was sie wollen. Dieser Artikel zeigt, wie man gefloatete Elemente komplett umschließen kann, damit sie sich so verhalten, wie man es beim Layouten gerne hätte. mehr...

CSS: Übersichtlich und strukturiert: Styleguide für Stylesheets Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(17.07.2006) Wie man wachsende Stylesheets übersichtlich und strukturiert hält, um den Überblick nicht zu verlieren. mehr...

CSS: Zweispaltiges Layout mit float Dieser Tipp wurde mit 4 von 5 Sternen bewertet.

(11.07.2006) Ein zweispaltiges CSS-Layout mit float und margin erstellen mehr...

CSS: Selektoren und Spezifität Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(03.07.2006) Der sichere Umgang mit Selektoren ist eine der wichtigsten Fertigkeiten beim Lernen von CSS und in diesem Artikel lernen Sie die Grundlagen dazu: Typselektoren, Gruppierung, Verschachtelung, IDs, Klassen und zum Abschluss ein Ding mit dem schönen Namen Spezifität. mehr...

CSS-Editor: TopStyle Lite Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(27.06.2006) TopStyle Lite ist ein kostenloser CSS-Editor, der Windows-Benutzern einige wertvolle Arbeitserleichterungen zur Verfügung stellt. mehr...

CSS: Grafiken positionieren mit float Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(20.06.2006) Zum Positionieren von Grafiken im Fließtext werden von CSS-Autoren häufig einfache Layout-Tabellen benutzt. Dieser Artikel zeigt, wie Grafiken mit float und clear einfacher und effektiver positioniert werden können. mehr...

CSS: Der Flow und die Positionierung Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(14.06.2006) Es gibt drei Möglichkeiten, die rechteckigen Kästchen auf einer Webseite zu positionieren: Normaler Flow, absolute Positionierung und Float. In diesem Artikel lernen Sie die ersten beiden davon kennen, normalen Flow und absolute Positionierung. mehr...

CSS: Kaskade und Vererbung Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(07.06.2006) Was hat es eigentlich mit dem "Cascading" in den "Cascading Style Sheets" auf sich, und warum ist Vererbung so praktisch? Die Kaskade ist eine mehrstufige Entscheidungsprozedur und die Antwort auf viele CSS-Rätsel - wir erklären Ihnen, wie der Browser (oder der Stylesheet-Autor) bei der Interpretation des Quelltextes und der Stylesheet-Anweisungen vorgeht. mehr...

Das Box-Modell - Grundlage der Gestaltung mit CSS Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(30.05.2006) Eine der wichtigsten Grundlagen zur Gestaltung von Webseiten per CSS ist das Box-Modell. In diesem Grundlagenbeitrag finden Sie eine kompakte Einführung in dieses Box-Modell. Je besser Sie es verstehen, desto leichter wird Ihnen das Gestalten von Webseiten mit CSS fallen. mehr...

Druckversion per CSS Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(23.05.2006) Viele datenbankbasierte Websites bieten Ihren Lesern eine Druckversion, bei der der Inhalt speziell für den Drucker aufbereitet wird. Mit ein paar einfachen CSS-Regeln können Sie auch für ganz normale, statische Webseiten die Ausgabe für Bildschirm und Drucker getrennt gestalten. mehr...

Horizontale Navigation mit CSS erstellen in 7 Schritten Dieser Tipp wurde mit 5 von 5 Sternen bewertet.

(15.05.2006) Eine ungeordnete HTML-Liste (ul) verwandelt sich per CSS in einen hübschen, horizontalen Navigationsbereich. Dabei wird der aktuelle Navigationspunkt nur mit Hilfe von CSS optisch hervorgehoben. mehr...

Behutsame Tricks mit CSS und Javascript (2)

(17.02.2003) Javascript- und CSS-Tricks, die im Hintergrund ihren praktischen Dienst verrichten, werten Ihre Website auf, ohne zur Reizüberflutung beizutragen. Im zweiten Teil geht es um die Verschönerung von Tabellen, Links und Scrollbalken, das Verstecken von E-Mail-Adressen vor Spam-Robotern und das Einbinden von Multimedia-Abspielfeldern. mehr...

Behutsame Tricks mit CSS und Javascript (1)

(03.02.2003) Weniger ist mehr - dieser Grundsatz gilt auch und gerade im Internet, wo bekanntlich fast alles möglich ist und gerne auch eingesetzt wird. Javascript- und CSS-Tricks, die im Hintergrund ihren praktischen Dienst verrichten, werten Ihre Website auf, ohne zur Reizüberflutung beizutragen. Wir stellen einige Möglichkeiten anhand einer Beispiel-Seite vor. mehr...