CSS - Kalender Symbol neben dem Datepicker


<style>

label.datepicker::before {
 
contentUrl("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAAAAADFQYt8AAAAPElEQVR42mP4DwKHD/+HASiTAZd4GQgcPlwGA1AmfnFMwNCDHZAhDnIWOkFNcXrZ+3uA7IUSP0EuwGkvABkDhtIfK2U1AAAAAElFTkSuQmCC");
 
white-spaceNowrap;
 
vertical-alignTop;
 
padding-right5px;
}
</
style>

<
label class="datepicker"><input type="date" name="datum"></label>

Bilder als Base64-Code kodieren — Siehe: Grafik als Zeichenkette speichern und wieder als Grafik ausgeben

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<i> Kursiv (Physische Auszeichnung)

CSS - Parallax Scrolling-Effekt

PHP - Sortieren von Wörtern nach der Wortlänge

JavaScript - 1 x Klick Button

MySQL - Bilder in einer Datenbank-Tabelle speichern und ausgeben

Zu lange Tabellen
Vermeiden Sie lange Tabellen. diese haben den Nachteil, dass die Kommunikation zwischen Server und Client (Ihnen) erheblich erhöht werden muss, was sich auf die Ladezeiten ebenso erheblich auswirkt. Denn der Inhalt einer Tabelle wird immer erst dann angezeigt, wenn diese vollständig geladen wurde. Unterbrechen Sie Tabellen daher immer an mehreren Stellen, um sie im Anschluss wieder weiterzuführen. So erscheint der Seiteninhalt optimaler Weise Stück für Stück und der 15 sekündige Totalausfall (weißer Bildschirm) bleibt dem Besucher erspart.