[an error occurred while processing this directive]

Schnelle Seiten gefällig?

Befreien Sie Ihre Webseiten mit wenigen Mausklicks von unnötigem Balast

Hier klicken und mehr erfahren

Ganz schön bunt

Laden Sie jetzt stimmige Farbwelten für Ihre Webseiten herunter - kostenlos

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 14.07.20, Adresse: http://www.grammiweb.de/html/html095.shtml)

 

Inhalte ausblenden

Sie wollen Inhalte ausblenden bzw. verstecken? Informationen, die nur unter bestimmten Umständen angezeigt werden sollen, verbergen? Dann bietet Ihnen CSS eine praktische Lösung.

CSS bringt zwei Ansätze mit, Inhalte aus dem sichtbaren Bereich zu verbannen:

display: none;

und

visibility: hidden;

Von der Grundidee her bieten beide Anweisungen das gleiche Ergebnis: Der damit aufgerufene Inhalt wird nicht angezeigt. Der Unterschied liegt in der Umsetzung dieses Wunsches:

display: none blendet den Inhalt aus und reserviert keinen Anzeigeplatz dafür. Es geht also kein Platz verloren, jedoch steigt die Berechenbarkeit des Endergebnisses nicht unbedingt.

visibility: hidden; zeigt ebenfalls den damit deklarierten Inhalt nicht an, reserviert hierfür jedoch Platz in der Anzeige. So wird denn für einen Text nur dessen Äquivalent an Leerraum gezeigt, was das Layout schnell nachhaltig stören kann.


Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 14.07.2020
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt