Um Webseiten responsiv zu gestalten, ist es manchmal notwendig Elemente nach der Bildschirmauflösung ein bzw. auszublenden.
Kategorie: HMTL und CSS
CSS-Datei einbinden
Bindet ein externes Stylesheet in eine HTML-Datei ein. Fügen Sie einfach folgenden Code in den Head-Bereich der HTML Datei ein:
Bilder und Videos Responsive
Ein Problem bei responsiven Webseiten sind Elemente wie Bilder und Videos. Diese haben eine feste Größe. Idealerweise werden diese in
Transparenter Iframe
Iframes sind eine tolle Möglichkeit externe Inhalte in HTML-Seiten einzubinden. Vorteil und Nachteil zugleich: beide HTML-Seiten sind voneinander strikt getrennt.
Responsiver IFrame
Iframes eignen sich bestens um Inhalte in andere HTML-Dateien einzubinden. Z.B. lässt sich so ein HTML-Formular erstellen und in eine
Grafik als Senden-Button in Formularen
Statt der üblichen Buttons lassen sich auch Bilder als Buttons in Formularen verwenden. Der normale Code für den Senden-Button sieht
Formular mit Google Fonts verschönern
Legt man im CSS oder im HTML-Code eine Schriftart fest, muss diese auf dem Rechner des Anwenders installiert sein. Deswegen
Bilder mit Base64-Kodierung direkt in HTML einbetten
Neben der normalen Verlinkung von Bildern in HTML als externe Datei, lassen sich Bilder auch komplett in die HTML-Datei einbinden.
Caching einer HTML-Seite verhindern
Browser cachen Webseiten, so dass diese nicht stets erneut geladen werden müssen. Dies ist sinnvoll, da sich Inhalte und Bilder
Automatische Weiterleitung in HTML
Eine automatische Weiterleitung einer HTML-Seite zu einer anderen HTML-Seite nach einer bestimmten Zeit ist in HTML möglich. <meta http-equiv=“refresh“ content=“5;
