Saturday, January 14, 2012

Hiding an Element-display: none or visibility: hidden


Hiding an element can be done by setting the display property to “none” or the visibility property to hidden. However, notice that these two methods produce different results. Visibility: hidden hides an element, but it will still take up the same space as before. The element will be hidden, but still affect the layout.

Example:
h 1.hidden{visibility: hidden;}
display: none hides an element, and it will not take up any space. The element will be hidden, and the page will be displayed as the element is not there.

Example:
h 1. hidden{ display: none;} Read More

No comments:

Post a Comment