So verstecken Sie ein DIV-Tag

Ein einzelnes DIV-Tag ausblenden

Schritt 1

Öffnen Sie den Quellcode Ihrer Webseite in einem HTML-Editor oder mit Notepad. Sie müssen den eigentlichen HTML-Code bearbeiten, daher reicht ein Editor "Was Sie sehen, ist was Sie bekommen (was Sie sehen, ist was Sie bekommen)" oder WYSIWYG nicht aus.

Schritt 2

Blättern Sie durch den Website-Code zu dem DIV-Tag, den Sie ausblenden möchten. Das Tag beginnt mit "" und endet mit "". Die restlichen Änderungen, die Sie vornehmen müssen, befinden sich auf dem Eröffnungsetikett.

Schritt 3

Fügen Sie die folgende Codezeile (unter Beibehaltung der Anführungszeichen) zwischen "" ein:

style = "display: none;"

Wenn keine anderen Attribute (wie "id =" oder "class =") enthalten sind, sollte "" angegeben werden und der Textinhalt des Tags folgen.

Schritt 4

Speichern und schließen Sie die HTML-Datei. Wenn die Seite mit einem Webbrowser aufgerufen wird, wird das DIV-Tag ausgeblendet.

Verstecke mehrere Divs

Schritt 1

Öffnen Sie die Quellcode-Datei der Website, die mit ".html" endet. Verwenden Sie einen einfachen Texteditor wie Notepad unter Windows, TextEdit unter OSX oder nano unter Linux.

Schritt 2

Suchen Sie den Kopfbereich des Dokuments, der mit "" beginnt und mit "" endet. Fügen Sie unmittelbar nach dem Tag "" den folgenden Code hinzu, indem Sie ihn kopieren und direkt in den HTML-Code Ihrer Webseite einfügen:

Schritt 3

Fügen Sie die Zeile "class = 'hide'" zwischen "" in jedes DIV-Tag ein, das Sie ausblenden möchten. Wenn das Tag keine anderen Attribute enthält, sagt jedes öffnende Tag einfach "". Dies bezieht sich auf die CSS-Klasse "hide", die im Seitenkopf definiert ist.

Schritt 4

Speichern Sie das Dokument und schließen Sie den HTML-Editor. Wenn Sie die Seite in einem Webbrowser öffnen, wird jedes DIV-Tag mit dem Attribut "class = 'hide'" für den Besucher ausgeblendet.