Div tot link maken

  • Onderwerp starter Onderwerp starter Verwijderd lid 141197
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
V

Verwijderd lid 141197

Ik ben bezig met een web site en ik heb div gebruikt die ge positioneerd staat met css.
de afbeeldingen staan ook in css. nu wil ik de div Home linken aan index.html

ik heb al wat gegoogled maar ik kon niks vinden.
linkdaar staat de site nu
de Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home-(verwijderd) de Dennenhorst</title>
<style type="text/css"></style>
<link href="Site.css" rel="stylesheet" type="text/css" media="all" />
<LINK REL="SHORTCUT ICON" HREF="http://www.(verwijderd).eu/favicon.ico">
</head>
<body>
<div class="Superbox">
<div class="Box">
<div class="Logo"></div>
<div class="Header"></div>
<div class="Site"></div>
<div class="Bottom">
<div class="End"></div>
</div>
<div class="MenuBox">
  <div class="Home"></div>
  <div class="Nieuws"></div>
  <div class="Over_Ons"></div>
  <div class="Waar"></div>
  <div class="Historie"></div>
  <div class="Contact"></div>
  <div class="Links"></div>
</div>
</div>
</div>
</body>
</html>
De Css:
Code:
@charset "utf-8";
/* CSS Document */
.Superbox	{
	margin-left: 200px;
	margin-top: 20px;
	margin-bottom: 200px;
}
.Logo	{
	height: 216px;
	width: 866px;
	margin-left: -240px;
	margin-bottom: 100px;
	background-image: url(Media/Logo.png);
}
.Box {
	width: 600px;
	margin-bottom: 40px;
	margin: auto;
}
.Header {
	height: 50px;
	width: 600px;
	background-image: url(Media/Header.png);
	margin-top: -75px;
}
.Name	{
	height: 40px;
	margin-left: 50px;
	margin-top: -30px;
}
.Site	{
	width: 600px;
	height: 600px;
	background-image: url(Media/Color.png);
}
.Bottom	{
	width: 600px;
	height: 50px;
	background-image: url(Media/Bottom.png);
	margin-bottom: 60px;
}
.End	{
	height: 30px;
}
.MenuBox	{
	width: 256px;
	height: 307px;
	margin-left: -256px;
	margin-top: -700px;
}
.Home	{
	height:38px;
	background-image: url(Media/Home.png);
	background-repeat:no-repeat;
}
.Nieuws	{
	height:41px;
	margin-top: 5px;
	background-image: url(Media/Nieuws.png);
	background-repeat:no-repeat;
}
.Over_Ons	{
	height:38px;
	margin-top: 5px;
	background-image: url(Media/Over_Ons.png);
	background-repeat:no-repeat;
}
.Waar	{
	height:38px;
	margin-top: 5px;
	background-image: url(Media/Waar.png);
	background-repeat:no-repeat;
}
.Historie	{
	height:41px;
	margin-top: 5px;
	background-image: url(Media/Historie.png);
	background-repeat:no-repeat;
}
.Contact	{
	height:38px;
	margin-top: 5px;
	background-image: url(Media/Contact.png);
	background-repeat:no-repeat;
}
.Links	{
	height:43px;
	margin-top: 5px;
	background-image: url(Media/Links.png);
	background-repeat:no-repeat;
}
alvast bedankt
 
Dit zou kunnen met de volgende code:

<div class="Home" onClick="window.location.href='index.html'"></div>

Let wel even op de tekens achter index.html. Dit zijn ' en "
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan