Como oculto un elemento sin que deje de ocupar su espacio?

Css | Escrito por Ezequiel M. | Marzo - 30 - 2009

Ocultar elementos con css

Mediante una simple propiedad podemos hacer desaparecer elementos como párrafos, imagenes, enlaces, tablas, celdas, listas, citas, contenedores y mas sin eliminarlos de nuestro Xhtml.


La propiedad Visibility:hidden; oculta el o los elementos a los que les asignemos dicha propiedad. Esto puede ser útil, por ejemplo, cuando queremos ocultar un enlace sin que nuestro diseño se desmorone o modifique su disposición.


Código CSS:

.ocultar{
visibility:hidden; /*--Ocultamos el enlace--*/
}


Código XTML:

Este enlace será visible
Este enlace estará oculto
Este enlace será visible


Resultado:

Este enlace será visible
Este enlace estará oculto
Este enlace será visible

Como podemos ver, el enlace del medio esta oculto pero no deja de ocupar su espacio en el documento.

Articulos relacionados:

    • Como muestro una lista en posición horizontal? Las listas tienen la propiedad Block asignada por defecto, lo que hace que se muestre una linea debajo de otra formando una lista vertical. Como podemos ver en la web, la mayoría de los menús de los sitios o blogs están posicionados horizontalmente, para lograr eso tenemos que usar el valor Inline. Solo hay que usar
    • Como pongo color de fondo a un elemento? Definir el color de fondo para un elemento es sencillo pero hay que tener en cuenta algunos aspectos. El resultado es diferente según la propiedad Display del mismo, si el elemento es de Linea (Inline) el color solo ocupara el espacio que ocupe el mismo y si es de Bloque (Block) el color ocupara todo
    • Como transformo todo el Texto a Mayúsculas? Si hay algo en lo que se destaca CSS, es en el formateado de Texto. Mediante una simple propiedad, podemos transformar todo un texto a mayúsculas en un abrir y cerrar de ojos. Con la propiedad Text-transform: uppercase; transformamos todo el texto que esta dentro de las etiquetas xhtml que estemos usando, en este caso, pasamos

Comentarios:

Deja tu opinion