Mijn link bij "hlink" wordt niet gepakt, kan hem niet selecteren en/of klikken om naar de desbetreffende URL te gaan.
HTML:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<link href="index.css" rel="stylesheet" type="text/css">
<TITLE>F.M. Vulkers Dak- & Wandbeplating - Home</TITLE>
</HEAD>
<BODY>
<div id="container">
<div id="header">
<div class="hlink"><a style="text-decoration: none" href="index.html"><b>Home</b></a></div>
<div class="rlink"><a style="text-decoration: none" href="../Recent Werk/recent.html"><b>Recent</b></a></div>
<img class="menu_home" src="../Home/images/FMVulkers800x600_08.png">
<img class="menu_recent" src="../Home/images/FMVulkers800x600_07.png">
<img class="menu_info" src="../Home/images/FMVulkers800x600_07.png">
</div>
<div id="body">
<div class="htekst">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed quam arcu, id gravida nisl. Quisque eleifend consequat tellus eget rhoncus.
Nullam consectetur fermentum leo sit amet bibendum. Vestibulum ac lectus ligula, nec tristique velit. Nullam sodales nibh vel ligula cursus vel
rhoncus sapien mattis. Morbi et rutrum risus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam quam metus, fringilla
in faucibus vel, vehicula vitae urna. Sed sit amet neque massa, id volutpat velit.
<br><br>
Maecenas eget sollicitudin dui. Nam consequat accumsan porttitor. Proin laoreet metus in tellus fermentum ut vulputate lectus posuere. Fusce dolor
augue, pellentesque nec bibendum eu, vestibulum vel nulla. Aliquam erat volutpat. Ut sed mauris nisl. Donec tempor, augue hendrerit iaculis interdum,
felis urna rutrum urna, ut euismod lacus dolor non neque. Aliquam ut eros metus, vel hendrerit leo. Nam odio erat, molestie ac pulvinar eget,
blandit a ipsum. Aenean sed porta dui.</div>
</div>
</div>
</BODY>
</HTML>
CSS:
Code:
body
{
background-image:url('../Recent Werk/images/800x600background.png');
margin:0;
width: 100%;
height: 100%;
}
#container
{
position: relative;
margin: 0 0 0 -400px;
left: 50%;
width: 800px;
height: 600px;
}
#header
{
width: 800px;
height: 164px;
background-image:url('../Home/images/FMVulkers800x600_01.png');
}
#header .hlink
{
padding-top: 140px;
padding-left: 117px;
position: absolute;
font-family: Verdana;
font-size: 12px;
}
#header .rlink
{
position: absolute;
padding-top: 140px;
padding-left: 215px;
font-family: Verdana;
font-size: 12px;
}
#header .ilink
{
}
.menu_home
{
padding-top: 128px;
padding-left: 85px;
}
.menu_recent
{
padding-top: 128px;
}
.menu_info
{
padding-top: 128px;
}
#body
{
width: 800px;
height: 436px;
background-image:url('../Home/images/FMVulkers800x600_02.png');
}
#body .htekst
{
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
padding-top: 40px;
margin-left: 95px;
width: 425px;
}
a:link
{
COLOR: #FFFFFF;
}
a:visited
{
COLOR: #FFFFFF;
}
a:hover
{
COLOR: #FFFFFF;
}
a:active
{
COLOR: #FFFFFF;
}
