Probleem met div,afbeelding niet geheel weergeven

Status
Niet open voor verdere reacties.

jimstu

Nieuwe gebruiker
Lid geworden
19 mei 2015
Berichten
2
Ik heb een klein probleem, mijn Contact knop wordt niet geheel weergeven op mijn webpagina
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
 
Er zit een typefout in de CSS bij .contact:

heigth: 80 moet zijn: height: 80
 
Tip: een text editor met syntax highlighting gebruiken. Er zijn verschillende te vinden. Bijvoorbeeld Notepad++
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan