Het spijt me heel erg van de dubbelpost, als het echt niet mag verwijder dan maar die hierboven maar ik kom er gewoon niet uit. Ik wil graag een banner op me site krijgen maar het lukt gewoon niet. Hoe weet ik welke formaat banner ik moet maken en hoe plaats ik hem op me site?
me codes:
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>
<link rel="stylesheet" rev=Stylesheet href="stylesheet.css">
<title>Martin Visser</title>
</head>
<body>
<div class="content">
<div class="header">
<ul id="nav">
<li id="nav-home"><a href="#">Home</a></li>
<li id="nav-about"><a href="#">Biografie</a></li>
<li id="nav-archive"><a href="#">Activiteiten</a></li>
<li id="nav-lab"><a href="#">Links</a></li>
</ul>
</div>
</body>
</html>
CSS:
.header{
background-image:url("http://i37.tinypic.com/rr8rom.jpg");
position:absolute;
top: 0px;
right: 0px;
left: 0px;
height:150px;
}
.content{
position:relative;
background-color: #99cccc;
padding:5px;
width: 770px;
margin: 0px auto;
}
body{
color: #000000;
font-family:Verdana, Times, serif;
font-size: 12px;
background-color:#657383;
}
#nav {
margin:0;
padding:0;
float:left;
width:100%;
border:1px solid #42432d;
border-width:1px 0;
}
#nav li {
padding:0;
margin:0;
display:inline;
}
#nav a:link,
#nav a:visited {
color:#000;
background:#006699;
padding:20px 40px 4px 10px;
float:left;
width:auto;
border-right:1px solid #42432d;
text-decoration:none;
font:bold 1em/1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-shadow: 2px 2px 2px #555;
}
#nav li:first-child a {
border-left:1px solid #42432d;
}
#nav a:hover {
color:#fff;
background:#727454;
}
Wat ik dus wil is waar nu die gradient onder die buttons staat een banner krijgen. Maar het lukt me niet om hem daar te krijgen en ik weet niet hoe groot hij moet zijn.
Alvast bedankt als iemand me kan helpen.