Blog de Diseño web

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.

Te gustó este post? Compartelo en tus redes sociales
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • FriendFeed
  • Meneame
  • Reddit
  • RSS
  • Technorati
  • Twitthis

Comentarios:

Deja tu opinion