CSS - Elemente ab einer bestimmten Fensterbreite ausblenden

In diesem Beispiel werden alle Wochentage abgekürzt angezeigt, wenn eine bestimmte Fensterbreite unterschritten wird.

Montag Dienstag Mittwoch Donnerstag Freitag Samstag Sonntag


<style>

/* Elemente ab einer bestimmten Fensterbreite ausblenden */

@media screen and (max-width: 40rem) {
 span.abkuerzung {
  display: None;
 }
}
</style>

<?php
$wochentage 
= [=> 'Montag''Dienstag''Mittwoch''Donnerstag''Freitag''Samstag''Sonntag'];

foreach (
$wochentage as $wochentag) {
 echo 
substr($wochentag02) . '<span class="abkuerzung">' substr($wochentag2) . '</span> ';
}
?>

Bausteine  Alle Anzeigen

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

<td> Tabellenspalte

CSS - Verwendung von Datenattributen (data-*)

PHP - Einzelnes Element aus einem Array löschen

JavaScript - Eingabefelder automatisch fokussieren

MySQL - Datensatz Wert um 5% erhöhen

Mal was Neues!
Möchten Sie Besucher haben die öfters als einmal auf Ihre Homepage vorbeischauen? Bieten Sie neue Seiten an. Vor allem die Startseite sollte auf neue Seiten, Bilder, News oder Funktionen hinweisen. Damit ist klar, dass Ihre Homepage immer wieder aktualisiert wird und nicht dahinvegetiert. Somit machen Sie automatisch Ihre Besucher zu "Stammkunden".