Ik heb een klein probleem, mijn Contact knop wordt niet geheel weergeven op mijn webpagina
www.stukken.com
code html:
CSS
Alvast bedankt
www.stukken.com
code html:
Code:
<html>
<head>
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header">
<ul class="navigation">
<li class="logo"><a href="index.php"><img id="logo" src="images/logo.gif"/></a></li>
<li class="wat"><a href="index.php?wat">wat</a></li>
<li class="werk"><a href="index.php?werk">werk</a></li>
<li class="contact"><a href="index.php?contact">contact</a></li>
<li></li>
</ul>
</div>
<div class="container">
<?php
if(isset($_GET['contact'])){
include('contact.php');}
else{include('wat.php');}?>
</div>
<div class="footer">
<center><font size="1px" face="arial" color="#0036fe">© alle rechten voorbehouden aan Stukken-Awouters</font></center>
</div>
<li class="verborgen"><img id="watb" src="images/watb.gif"</li>
<li class="verborgen"><img id="werkb" src="images/werkb.gif"</li>
<li class="verborgen"><img id="contactb" src="images/contactb.gif"</li>
</body>
</html>
CSS
Code:
* {margin: 0; padding: 0;}
a, img { border:none;}
.header { background-color: #ffffff; margin: -0 -0 auto; top 0; left: 0; right: 0; height: 75;}
.navigation { list-style-type: none; background-color: #ffffff; position: absolute; display: block; margin: auto; left: 0; right: 0; width: 960;}
.container { position: absolute; display: block; margin: -0 auto; top: 75; left: 0; right: 0; width: 960; height: auto;}
.logo { float: left; left: 0; top: 0; width: 350;}
.wat { background-image:url("images/wata.gif"); text-indent: -9999; background-repeat: no-repeat; display: block; float: left; top: 0; left: 350; width: 175; height: 80;}
.wat:hover { background-image:url("images/watb.gif");}
.werk { background-image: url("images/werka.gif"); text-indent: -9999; background-repeat: no-repeat; display: block; float: left; top: 0; left: 525; width: 150; height: 80;}
.werk:hover { background-image: url("images/werkb.gif");}
.contact { background-image: url("images/conta.gif"); text-indent: -9999; background-repeat: no-repeat; display: block; float: left; top: 0; left: 675; width: 200; heigth: 80;}
.contact:hover { background-image: url("images/contb.gif");}
ul a{display: block; background-repeat: no-repeat; text-decoration: none; line-height: 50px; font-style: bold; font-family: Arial; font-size: 12px; color: #ffffff; padding-right: 30px;}
.footer { position:fixed; left:0px; bottom:0px; height:15px; width:100%;}
.verborgen {display:none;}
Alvast bedankt