Revision as of 05:46, 20 June 2016

H1 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.

#sideMenu {
display: none;
}

The above code hides the side menu

#content {
width: initial;
}

The above code hides the right margin.

@@ Line 58: / Line 58: @@
 display: none;
 }</code>
-<p>The above code hides the top nav bar.</p>
+<p>The above code hides the side menu</p>
 <form>
    <input type="checkbox" name="sidemenu" id="sidemenu" value="sidemenu" onchange="validate4()"> Show side menu<br>
+</form><br>
+<code>#content {
+width: initial;
+}</code>
+<p>The above code hides the right margin.</p>
+<form>
+  <input type="checkbox" name="rightmargin" id="rightmargin" value="rightmargin" onchange="validate5()"> Show right margin<br>
 </form><br>
@@ Line 90: / Line 98: @@
          } else {
              document.getElementById("sideMenu").style.display = "none";
+        }
+    }
+function validate5() {
+        if (document.getElementById('rightmargin').checked) {
+            document.getElementById("content").style.width= "initial";
+        } else {
+            document.getElementById("sideMenu").style.width= "950px";
          }
      }