Menu

Dit is de code voor het menu.
en daar klopt heel weinig van.
als je neemt;
<h1>portfolio</h1>
moet er in ieder geval <h1 id=”portfolio”> staan.
Als je weinig kaas gegeten hebt van menu ’s is het handiger een kant en klaar menu te nemen. die werken in alle brouwsers
Menu
Waarom zou je elk menuitem opnieuw een eigen opmaak willen geven.

#menu{
	margin-left: 0px;
}

#menu .home, #menu .stokje,  #menu .about, #menu .stokje2, #menu .portfolio, #menu .stokje3, #menu .contact {
			position: absolute;
			display: block;
			height:21px;
			text-indent: -9999px;
			top: 96px;
}
		#menu .home {
			background: url(images/home.png) no-repeat top left;
			margin-left: 250px;
			width: 64px;
		}

		#menu .stokje {
			background: url(images/stokje.png) no-repeat top left;
			margin-left: 360px;
			width: 13px;
		}

		#menu .about {
			background: url(images/about.png) no-repeat top left;
			margin-left: 390px;
			width: 76px;
		}

		#menu .stokje2 {
			background: url(images/stokje.png) no-repeat top left;
			margin-left: 510px;
			width: 13px;
		}

		#menu .portfolio {
			background: url(images/portfolio.png) no-repeat top left;
			margin-left: 560px;
			width: 122px;
		}

		#menu .stokje3 {
			background: url(images/stokje.png) no-repeat top left;
			margin-left: 730px;
			width: 13px;
		}

		#menu .contact {
			background: url(images/contact.png) no-repeat top left;
			margin-left: 780px;
			width: 103px;
		}

#menu .home:hover {
			background-position: top -65px;
}

#menu .about:hover{
 			background-position: top -77px;
}

#menu .portfolio:hover{
			background-position: top -123px;
}

#menu .contact:hover{
			background-position: top -104px;
}