Comment masquer une balise DIV

Masquer une seule balise DIV

Étape 1

Ouvrez le code source de votre page Web dans un éditeur HTML ou avec le Bloc-notes. Vous aurez besoin de modifier le code HTML réel, de sorte qu'un éditeur "ce que vous voyez est ce que vous obtenez (ce que vous voyez est ce que vous obtenez)" ou WYSIWYG, ne suffit pas.

Étape 2

Faites défiler le code du site Web jusqu'à la balise DIV que vous souhaitez masquer, la balise commencera par "" et se terminera par "". Le reste des modifications que vous devez effectuer sont sur l'étiquette d'ouverture.

Étape 3

Ajoutez la ligne de code suivante (en gardant les guillemets) entre "":

style = "display: none;"

S'il ne contient aucun autre attribut (tel que "id =" ou "class ="), il devrait indiquer "" et être suivi du contenu textuel de la balise.

Étape 4

Enregistrez et fermez le fichier HTML. Lorsque la page est visitée à l'aide d'un navigateur Web, la balise DIV est masquée.

Masquer plusieurs DIV

Étape 1

Ouvrez le fichier de code source du site Web, qui se terminera sûrement par ".html". Utilisez un éditeur de texte simple, tel que le Bloc-notes sous Windows, TextEdit sous OSX ou nano sous Linux.

Étape 2

Recherchez la section d'en-tête du document, qui commence par "" et se termine par "". Immédiatement après la balise "", ajoutez le code suivant en le copiant et en le collant directement dans le code HTML de votre page Web:

Étape 3

Ajoutez la ligne "class = 'hide'" entre "" dans chaque balise DIV que vous souhaitez masquer. S'il n'y a pas d'autres attributs dans la balise, chaque balise d'ouverture dira simplement "", cela fera référence à la classe CSS "masquer" définie dans l'en-tête de la page.

Étape 4

Enregistrez le document et fermez l'éditeur HTML. Lorsque vous ouvrez la page dans un navigateur Web, chaque balise DIV avec "class = 'hide'" dans ses attributs sera masquée au visiteur.

Références

  • W3C: modèle de format visuel

Plus d'articles

  • Comment aligner du texte en haut de TD
  • Comment utiliser iFrame pour charger du contenu dans une DIV
  • Comment exécuter un script Python à partir d'un shell
  • Comment représenter l'infini en Java
  • Comment créer une note de bas de page pour une page Web
  • Comment changer Apache 2 Index.html
  • Comment créer une page Web HTML à l'aide du Bloc-notes

A propos de Conditions générales de vente Politique de confidentialité Copyright techlandia.com © 2001-2019 Leaf Group Ltd., tous droits réservés AdChoices

Des Articles Intéressants