Difference between revisions of "Team:Hong Kong UCCKE/HTML Test"
| Line 32: | Line 32: | ||
}</code> | }</code> | ||
<p>The above code hides the top nav bar.</p> | <p>The above code hides the top nav bar.</p> | ||
| + | <form> | ||
| + | <input type="checkbox" name="topbar" id="topnavbar" value="topnavbar" onchange="validate2()"> Show top nav bar<br> | ||
| + | </form> | ||
<code>#top_menu_under { | <code>#top_menu_under { | ||
display: none; | display: none; | ||
| Line 46: | Line 49: | ||
} else { | } else { | ||
document.getElementById("top_title").style.display = "none"; | document.getElementById("top_title").style.display = "none"; | ||
| + | } | ||
| + | } | ||
| + | function validate2() { | ||
| + | if (document.getElementById('topnavbar').checked) { | ||
| + | document.getElementById("top_menu_14").style.display = "initial"; | ||
| + | } else { | ||
| + | document.getElementById("top_menu_14").style.display = "none"; | ||
} | } | ||
} | } | ||
Revision as of 05:28, 20 June 2016
H1 Heading
H2 Heading
H3 Heading
#top_title {
display: none;
}
The above code hides the top title and logo bar.
#top_menu_14 {
display: none;
}
The above code hides the top nav bar.
#top_menu_under {
display: none;
}
#content {
margin-left: 0px;
}
The above code removes all margin of the content.
