TheMaawaa project

html
----------------------------------------------------------------
<!DOCTYPE html
<html>
		<head>
		<link href="css/school.css" type="text/css" rel="stylesheet" />
			<title> De Mast Merksplas </title>
		</head>
	<body align="middle">
		<table align="center">
			<tr>
				<td>
			<!--Afbeelding-->
				</td>
			</tr>
			<tr>
				<td>
			<!--Menu-->
			<div id="menu">
			<ul>
				<li class="current_page_item"><a href="schoolsite.html" accesskey="1" title="">Homepage</a></li>
				<li><a href="schoolsite2.html" accesskey="2" title="">Praktisch</a></li>
				<li><a href="schoolsite3.html" accesskey="3" title="">Opleidingsvorm</a></li>
				<ul>
				<li><a href="schoolsite3.2.html" accesskey="4" title="">OV1</a></li>
				<li><a href="schoolsite3.3.html" accesskey="5" title="">OV4</a></li>
				<li><a href="schoolsite4.html" accesskey="6" title="">Contact</a></li>

			</ul>
		</div>
				</td>
			</tr>
			<tr>
				<td>
			<iframe name="info" src="" width="1000px" height="800px" align="middle">
				</td>
			</tr>
			<tr>
				<td>
			<!--Footer-->
				</td>
			</tr>
		</table>
	</body>
</html>


css
------------------------------------------------------------------------
body {
align: middle;
}

table {
width: 1000px;

}

#menu
	{
	}

	#menu ul
	{
		text-align: center;
	}

	#menu li
	{
		display: inline-block;

	}

	#menu li a, #menu li span
	{
		display: inline-block;
		margin-left: 0.50em;
		padding: 1em 1.5em;
		letter-spacing: 0.20em;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
		color: #2A232A;
	}


	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}

	#menu .current_page_item a
	{
		background: #019893;
		border-radius: 8px;
		color: #FFF;
	}