CSS: Hide Element (visibility)
A element can be hidden by:
visibility: visible
- normal.
visibility: hidden
- maket it invisible, but it still occupies the same space.
display: none
- make invisible and occupies no space. (effectively as the element doesn't exist.)
These are useful especially when used together with JavaScript. For example, for collapsible list, popup tooltip.
[see How to Create Tooltip]
CSS, Layout
- CSS: Display Property
- Pure CSS Table
- CSS: 3-Column Side-Panel Layout
- CSS: Newspaper Text-Flow Over Multi-Column Layout
- CSS: Text Flow Around Image
- CSS: Hide Element (visibility)
CSS, Layers
- CSS: Position Property
- CSS: Fix Element to Window
- CSS: Position: Relative
- CSS: Absolute Position
- CSS: Text Over Image
- CSS: z-index