ansaurus

Question

How to hide elements without having them take space on the page?

Answer 1

+13 A:

Try setting display:none to hide and set display:block to show.

Huusom 2010-05-28 11:54:48

its not possible to remove element from dom man. by using this option also. read the question

Pranay Rana 2010-05-28 11:58:25

not all items should be `display: block`, some will have to be set to `display: inline` (such as `<span>` or `<a>` or `<img>` DOM elements).

Mauro 2010-05-28 12:00:02

I'll just remove the 'display:none' to show.

ripper234 2010-05-28 12:00:55

@pranay the question says to hide them not to remove them from the DOM.

Mauro 2010-05-28 12:00:57

@pranay: The question is not very well expressed but Huusom is solving the problem the user is having.

Claudio Redi 2010-05-28 12:03:07

@Claudio - feel free to edit if you can improve it.

ripper234 2010-05-28 12:15:18

@ripper234: sorry. Didn't mean to be rude :-(. I tried to say that your idea seemed to be hiding the element and avoid taking the space. You didn't care if the element was removed or not of the DOM.

Claudio Redi 2010-05-28 12:25:02

@Claudio - no offence taken :) Cheers.

ripper234 2010-05-28 20:37:19

Answer 2

+2 A:

use style instead like

<div style="display:none;"></div>

Salil 2010-05-28 11:55:47

Answer 3

A:

display:none to hide and set display:block to show.

Pranay Rana 2010-05-28 11:56:29

He asks about removing it visually, "as though they are not in the DOM". Not about removing them from the actual DOM.

Arve Systad 2010-05-28 11:57:43

visiblity:hidden do same thing as display:none

Pranay Rana 2010-05-28 12:00:44

@Arve Systad read this line "i'm using "visibility:hidden" to hide certain elements, but they still take up space on the page while hidden."

Pranay Rana 2010-05-28 12:01:50

question states not to remove them from the DOM only to make them disappear. `as though they are not in the DOM at all (but without actually removing them from the DOM)`

Mauro 2010-05-28 12:01:55

@pranay: `visibility: hidden` only stops the display of content but still uses vertical/horizontal space, display:none removes the vertical/horizontal space for the element.

Mauro 2010-05-28 12:02:54

No it doesn't. visibility: hidden; makes the element invisible, but it still takes up space. display: none; makes the document behave as if it was never there.

Olly Hodgson 2010-05-28 12:03:05

Delete this answer then.

BalusC 2010-05-28 12:20:41

ansaurus

tags:

views:

answers:

How to hide elements without having them take space on the page?

related questions