Hiding Boxes with HTML?

Question

In general, if i wanted to hide a section or a box on a webpage, what code should i be putting in? since i dont know much html, i only know some basic tags.

Answer 1

Use CSS. Specifically, the display property. For example, to hide a table it would look like:

Answer 2

This is a bit more complicated then you may think...

to do this, you'll need to use Cascading Style Sheets (CSS) to do this. For a tutorial, check out www.w3schools.org

You say you're a beginner so I'm going to explain everything I can without expecting you to know anything:

Tags have attributes... Example:

This text is red

color is an attribute, it holds the value of "red"

In CSS, you need to add a style attribute. Example:

Answer 3

If you don't want it to display at all, put after it.

If you simply don't want the border around the box, put border="0" inside the tag for that box or section. If it's a table, for example, the opening tag would be

Answer 4

Ditto all the above, or sometimes, when appropriate, it may help (if you're sure it's a box) to set the margin for the box to some ridiculous amount such as "margin-left: -1000px;"

And if it's a text box you can go to extremes:
"margin-left: -1000px; margin-top: 0; margin-bottom: 0; padding: 0; border: 0; font-size: 0.1em; line-height: 1px; "

...get the idea?

Answer 5

Commenting it out hides it for good until you uncomment it... but you will still be able to see the code in the source code.

display: none; will work and when you want to make it "re-appear" just remove that from the css.

If you want something that just hides the box, div, whatever that the user can control... for instance:

HTML:

Toggle Div Visibility

Javascript:

function toggleDiv(divid){
var dv = document.getElementById(divid);
dv.style.display = (dv.style.display == ‘none’? ‘block’:'none’);
}

Answer 6

ok, if you want to hide it "for good", just comment it out


or if you want to act with it, hide it with css