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 … Weiterlesen
Eine nummerierte Liste (“ordered list”) in HTML zu erstellen ist bekanntlich nicht schwer (<ol>). Wenn man eine Unterebene benötigt, so beginnt die Zählung wieder bei 1. Hier eine Lösung, mit der die untergeordneten Listeneinträge die Ziffer der übergeordneten Seite voran … Weiterlesen
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 … Weiterlesen
Genaugenommen scrollt nicht der Footer nach oben, sondern der Body nach unten. Der Effekt ist jedenfalls hübsch: am unteren Browserfenster klebt ein Link, eine “Footerlippe”, die bei Klick den Footer ins Bild schiebt.
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 … Weiterlesen
Die Anforderung: Bilder sollen bei Mouseover den jeweiligen Text anzeigen, der als Bildunterschrift in einen TYPO3 Datensatz gepflegt wird. Per CSS wird der Text über das Bild gelegt. Verlässt die Maus das Bild, soll der Text natürlich wieder verschwinden.
Für den Relaunch der Website meiner langjährigen Kundin Prof. Dr. Gabriele Diewald habe ich ein Template verwendet, dass je nach Größe des Bildschirms unterschiedliche Stylesheet Angaben verwendet, so genanntes “Responsive Webdesign”.
Will man Fonts, die nicht auf dem Rechner des Besuchers einer Website vorhanden sind, auf der Website verwenden, greift man in letzter Zeit (wieder) auf die CSS Angabe @font-face zurück. Um diese Technik verwenden zu können, muss die Schriftart zunächst … Weiterlesen
Hier geht es um Lösungen ohne Einsatz von JavaScript. Zunächst bindet man das Hintergrundbild per CSS in die Seite ein: background: url(bg.jpg) no-repeat center center fixed; Dadurch wird das Bild in allem Browsern (einschl. IE6) als feststehender mittig zentrierter Hintergrund … Weiterlesen