Ik probeer nu al de hele tijd iets, maar ik kom er niet uit. Het probleem is dat de afbeelding niet wordt weergegeven, terwijl (volgens mij) alle codes goed zijn.
Zien jullie ergens een fout?
Bestandlocatie indeling:
index.html
favicon.jpg
style.css
images (map) > totale.png
index.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" />
<link href="css/style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" type="image/jpg" href="favicon.jpg">
<title>Naam tabblad</title>
</head>
<body>
<div class="container">
<div class="totale">
</div>
</div>
</body>
</html>
style.css:
* {margin:0px;padding:0px;border:0px;}
html, body {width:100%;height:100%; background-image: url(".");
background-repeat: no-repeat; background-color: white; background-position: center;}
.clear {clear:both;}
table {border-collapse:collapse;}
table td {vertical-align:top;}
A {text-decoration:none}
.body
{
font-family: Calibri;
font-size:12px;
margin: auto;
background-position: center;
}
.container
{
/*background-image: url("../images/repeater.png");
background-repeat: repeat-y;
height: 100%;*/
width: 1079px;
margin: 0px auto;
}
.totale
{
background-image:url(../images/totale.png);
background-repeat:no-repeat;
float: left;
width: 1079px;
height: 857px;
}
1.829 views
