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:
De Css:
alvast bedankt
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>
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;
}