Firebig code explanation

[Dimitris Papageorgiou]

I use firebug to inspect the code in the various websites i design.

There is something though that has caught my attention.

There are some code segments that are light colored(in the code inspection pane of firebug) and when i hover the mouse pointer over them no section is highlighted in the web page above, as usually done with other code segments

What is the case with these code segments?

Thanks.

[Mike Ratcliffe]

This means that the code segments are not displayed on the page. The 3
most likely cases are: 1. visibility:hidden 2.display:none 3. width:0
or height:0

On Mar 11, 2:18 pm, Dimitris Papageorgiou <foryou1...@gmail.com>
wrote:

> I use firebug to inspect the code in the various websites i design.
>
> There is something though that has caught my attention.
>

> There are some code segments <http://en.wikipedia.org/wiki/Code_segments>that are light colored(in the code inspection pane of firebug) and when i

[Dimitris Papageorgiou]

You are right the code segment for which i pose the question has display:none.

But why someone would want to put the "display" of an element to "none".

I know this is a css question but i would be grateful if explained it to me. 

Thanks.

[Mike Ratcliffe]

This is often done with dynamic pages e.g. imagine a document that has
tabs at the top ... when you click on a tab then the current content
is hidden by setting it to display:none and the content of the tab
that was clicked is shown by setting its content to display:block.

On Mar 14, 12:03 pm, Dimitris Papageorgiou <foryou1...@gmail.com>
wrote: