ubiquitour.com

Cómo ocultar el contenido de un Div con CSS

El contenido de cualquier determinada etiqueta DIV en el código de la Web se puede ocultar desde el visor, manteniendo la estructura de la etiqueta y la página. JavaScript es una opción para lograrlo. Pero mediante JavaScript podría causar potencialmente problemas con scripts funcionando ya en su sitio Web. Otra opción es usar CSS (hojas de estilo en cascada). CSS permite el uso del atributo "visibilidad" para ser utilizado, lo que es fácil de ocultar el contenido de un DIV.

Instrucciones

1 Descarga tu hoja de estilos utilizando el software de cliente FTP.

2 Abra su hoja de estilos en su software de edición de código. Bastará con bloc de notas.

3 Copia el estilo id o clase que controla la etiqueta DIV que desee oculto.

4 Pegar el estilo copiado debajo de la original. Añadir "-2" en el nombre del estilo. Por ejemplo si tu estilo es "#mystyle", cambie el código pegado a "#mystyle-2".

5 Agregue el código siguiente al nuevo estilo:

visibilidad: oculto;

6 Guarde su hoja de estilos y subir a los archivos de sitio web utilizando su software de cliente FTP.

7 Descargar la página que contiene el DIV que quieras ocultar con su software de cliente FTP.

8 Abra la página en su software de edición de código.

9 Cambiar el DIV etiquetas clase o id al estilo recién creado. Por ejemplo, el estilo original en el código de la DIV fue "id ="miEstilo"." Cambiarlo a "id ="miEstilo-2"."

10 Guarde la página y subir a los archivos de sitio web utilizando su software de cliente FTP.