Mehrspaltige Texte mit CSS3 // Zeitungslayout

Du bist auf der Suche nach der richtigen Einstellung deines Textes und möchtest, dass die Texte in Blöcken nebeneinander gesetzt werden? Lange Zeilen adé: mit dem CSS Attribut "column-count" kannst du bestimmen, wie viele Spalten dein Text haben soll. column-count:…

Telefon- und E-Mail-Symbole für die Webseite

Die Telefon-Symbole können einfach aus der Tabelle herauskopiert und in einen Text-Editor eingefügt werden. Per CSS kann man Sie auch als HTML-Sonderzeichen einbinden. Zeichen Name Unicode HTML ✆ Telephone Location Sign U+2706 ✆ ✆ ☎ Black Telephone U+260E ☎ ☎…

Browserweichen

Um für bestimmte Browsergrößen oder mobile Geräte andere Styles zu verwenden, kann man mit sog. Browserweichen arbeiten. In den CSS-Code wird eine Zeile mit geschweiften Klammern hinzugefügt: @media not|only mediatype and (media feature and|or|not mediafeature) {   CSS-Code; } Aktuell…

Mittelpunkt

Bei der Gestaltung von Websites und Printprodukten können Trennzeichen wie Middot oder Bullet nützlich sein. Punkt in der Mitte middle dot · · · Das Tastaturkürzel für einen Mittelpunkt ist: auf dem Mac:   Shift(⇧) + Alt(⌥) + 9 = ·…

DIV mit Scrollbalken

Eine Box innerhalb einer Seite mit eigenem Scrollbalken. Demo: This is a piece of text placed in a div that has a scroll bar on the RIGHT The text, however, ends up as being right justified so it will need…