Kategorie-Archiv: CSS

Linkpfeile ohne Grafikdateien

Immer noch kommt es vor, dass Designer Pfeilchen vor oder nach den Links sehen möchten. Natürlich wollen wir heutzutage keine Grafikdateien dafür verwenden, sondern möglichst eine Lösung präsentieren, die per CSS umsetzbar und für jede Schriftgröße skalierbar ist.
Weiterlesen

Bootstrap CSS Angaben für Tabellen, Formulare, Buttons

Bootstrap kommt bekanntlich mit einer Fülle von CSS Formatierungen daher, die man sich – relativ mühsam – auf der “Customize” Seite (http://getbootstrap.com/customize/) für die eigenen Zwecke anpassen kann. Möchte man Formatierungen, z.B. die für Tabellen, Formulare und Buttons für ein Projekt verwenden, ohne das komplette Bootstrap zu verwenden so muss man sich die entsprechenden Angaben – noch mühsamer – zusammen suchen.
Weiterlesen

Ausklappmenü mit Verzögerung

Sich einblendende Untermenüs beim Bewegen der Maus über den jeweiligen Hauptmenüpunkt sind heutzutage üblich. Man kann das sehr einfach per CSS realisieren. Nervig wird es aber, wenn das Menü so platziert ist, dass immer wieder unbeabsichtigt das Ausklappmenü erscheint, obwohl man mit der Maus ganz wo anders hin will. Hier hilft es, einen Verzögerungseffekt einzubinden z.B. mit jQuery. Weiterlesen

TYPO3 Spalten und “responsive Design”

Man nehme ein CSS Framework, z.B. “Skeleton”. In die entsprechenden div Container setzt man die erforderlichen Marker. Soweit kein Problem. Interessant wird es, wenn man im Inhaltsbereich je nach redaktioneller Lust und Laune eine oder zwei Spalten hat und diese sich in das floatende Layout einpassen sollen. Weiterlesen

Vertikales Zentrieren in HTML Blockelementen
vertical-align:middle

Wer sich mit dem Positionieren von HTML Elementen mit Hilfe von CSS beschäftigt, stößt früher oder später auf das Phänomen, dass in Block-Elementen (div, h1, h2, p, etc) zwar horizonal, nicht aber vertikal zentriert werden kann. Die Angabe vertical-align:middle funktioniert nämlich nur in Inline-Elementen; vorzugsweise kommt sie in Tabellenzellen zum Einsatz.
Weiterlesen