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.

<ul> Aufzählungsliste

CSS - CSS-Variablen

PHP - Den längsten Schlüssel in einem Array anzeigen

JavaScript - BBCode in einem Textarea einfügen

MySQL - Löschen eines Datensatzes oder mehrere Datensätze

Bilder passend zum Inhalt
Wenn Sie Bilder in ihre Seite einbinden, so achten Sie darauf, dass die Bilder etwas mit dem Thema ihrer Homepage zu tun haben. Bilder, die vom Seitenthema abweichen, sollte man besser weglassen.