Schlagwort: CSS

Responsive Webdesign: Responsive Tabellen erstellen

Beim Erstellen eines Blog-Statistik-Beitrags für meinen ehemaligen Blog ist mir aufgefallen, dass die Statistik-Tabellen bei kleinen Bildschirmauflösungen sich nur bis zu einem gewissen Grad skalieren lassen.

Das liegt daran, dass Tabellen durch ihren jeweiligen Inhalt eine bestimmte minimale Breite haben und diese größer sein kann, als die verwendete Bildschirmauflösung. Das ist generell ein Problem beim Einsatz von Datentabellen innerhalb eines Responsive Webdesigns, weshalb ich euch in diesem Beitrag eine Technik zum Erstellen von Responsive Tabellen, also Tabellen die sich auch an kleine Bildschirmauflösungen anpassen, vorstellen möchte.

Weiterlesen

CSS-Sprites mit SVG-Grafiken & SVG Fragment Identifiers

Bei Verwendung von CSS-Sprites müssen die einzelnen Grafiken innerhalb einer Sprite-Grafik normalerweise für die entsprechenden HTML-Elemente mit background-position positioniert werden. Das gilt für SVG-Sprite- als auch für PNG-/JPEG-Sprite-Grafiken.

Für SVG-Sprites besteht aber auch alternativ die Möglichkeit sogenannte SVG Fragment Identifiers zu verwenden.

Weiterlesen