Links menu werken niet meer.

Door Johnny Test op 15-11-2014 21:43 gewijzigd op 16-11-2014 00:35

3.594 views

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

}