Ik ben pas begonnen met het leren van css en ik heb zojuist een klein beginsel gemaakt voor mijn site.
Alles ging goed tot ik ineens merkte dat mijn links van mijn menu niet meer werkten(Home, Profiel, Vrienden, Leden, Gamelijst, Logout).

Ik weet niet zo heel goed waar dit aan zou kunnen liggen.Ik heb veel stukken aangepast dus misschien heb ik perongeluk iets fout verwijdert uit mijn bestand. Zou iemand mij even kunnen helpen?

Dit is mijn index.html
<html>

<link href="style.css" rel="stylesheet" type=text/css">

<!--Header-->
<div id="header"> 
<h2> <img src="gameboek.jpg" width="1000" height="100" alt="logo" /> </h2>
		<ul>  
		    <li><a href="home.html" >Home</a></li> 
			<li><a href="profiel.html" >Profiel</a></li> 
		    <li><a href="vrienden.html" >Vrienden</a></li>  
		    <li><a href="leden.html" >Leden</b></li> 
			<li><a href="gamelijst.html" >Gamelijst</a></li> 
		    <li><a href="logout.php" >Logout</a></li>  
		</ul>  
		<h1> Get in to gaming!</h1>
		<h3><img src="GameboekLogo.png" width="100" height="100" alt="logo" /> </h3>
</div>

<!--Linker Kant-->
<div id="leftnav">Leftnav</div>

<!--Rechter Kant-->
<div id="rightnav">Rightnav</div>

<!--Body-->
<div id="body">Body</div>

<!--Onderkant-->
<div id="footer"></div>

</body>
</html>


Dit is mijn style.css
#container 
{
	width: 1400px;
}

/*Header*/
#header
{
	width: 1400px;
	height: 200px;
	background-color: #000000;
	border-bottom: 2px solid #FF0000;
	position: relative;
}

/* "Get in to gaming" layout*/
#header h1
{
	color: #FFFFFF;
	position: relative;
	left: 200px;
	top: 35px;
}

/*GameboekAfbeelding*/
#header h2
{
	position: relative;
	left: 200;
}

/*GameboekLogo*/
#header h3
{
	position: relative;
	bottom: 100;
	left: 150;
}

/*Layout Menu*/
#header a 
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 25;
    width: 150px;
    background-color: #dddddd;
	display: block;
	position: relative;
	left:202;
}

/*Muis over Link*/
#header a:hover
{
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

 /*List Item*/
#header li
{
	list-style-type: none;
	float: left;
}

/*List*/
#header ul
{
	list-style-type: none;
}


/*Linker Kant*/
#leftnav
{
	float: left;
	width: 250px;
	height: 100%;
	background-color: #000000;
	border-right: 1px dashed #FF0000;
}

/*Rechter Kant*/
#rightnav
{
	position: absolute; top: 210; left: 1157;
	width: 250px;
	height: 100%;
	background-color: #000000;
	border-left: 1px dashed #FF0000
	
}

/*Body*/
#body
{
width: 1000px;
height: 100%;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

/*Onderkant*/
#footer
{
clear: both;
width: 1400px;
height: 50px;
background-color: #000000

}
Je browser weet het dan redelijk goed te maken.

Er is geen <head> en <body>.
Dat is wel handig ;)
Omdat je </body> wel hebt.
Ohja en mijn 2 bestanden zijn bij elkaar gezet in de quote..
Ik heb ze er nu wel bijgezet, maar dat is blijkbaar nog steeds niet wat het probleem veroorzaakte.
Ik heb er een code-tag van gemaakt om het beter leesbaarder te maken. Quotes zijn bedoeld voor het citeren van teksten ;-)
Bedankt :)

Ik zie net dat ik geen <!DOCTYPE html> in mijn bestand heb geplaatst. Als ik dit wel doe werken mijn links wel maar dan is heel mijn layout overhoop gehaalt. Is het specifiek nodig om dit in mijn bestand te zetten?
Jep, dan wordt je site volgens de juiste HTML-5 standaarden gerenderd door de browsers.
Dus ik raad aan om die DOCTYPE toe te voegen, en de rest te hestellen....

Reageren