ik ben bezig met een website te maken maar ik krijg het niet voor mekaar dat een copyright bar onderin de pagina komt
Link naar de site:
http://rohimma.s2.one2xs.com/voorbeeld/3/index.html
voorbeeld van de gehele lay-out:
(ik heb al wat andere aanpasingen gedaan dan het begin lay-out xD)
http://rohimma.s2.one2xs.com/voorbeeld/3/images/voorbeeld.gif
html broncode:css broncode:weet iemand hoe dat moet?
edit:
wat vinden jullie van het lay-out?
Link naar de site:
http://rohimma.s2.one2xs.com/voorbeeld/3/index.html
voorbeeld van de gehele lay-out:
(ik heb al wat andere aanpasingen gedaan dan het begin lay-out xD)
http://rohimma.s2.one2xs.com/voorbeeld/3/images/voorbeeld.gif
html broncode:
Spoiler tonen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>v1</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script language="javascript">
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
} else {
abra.display= "block";
}
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<div id="menu_top">
<img border="0" src="images/logo.png" width="400" height="150">
<a href="index.html">
<img src="images/home.png" onmouseover="this.src=images/home_over.png" onmouseout="this.src=images/home.png" border="0" />
</a>
<a href="about.html">
<img src="images/about.png" onmouseover="this.src=images/about_over.png" onmouseout="this.src=images/about.png" border="0"/>
</a>
<a href="contact.html">
<img src="images/contact.png" onmouseover="this.src=images/contact_over.png" onmouseout="this.src=images/contact.png" border="0"/>
</a>
<a href="log_in.html">
<img src="images/log_in.png" onmouseover="this.src=images/log_in_over.png" onmouseout="this.src=images/log_in.png" border="0"/>
</a>
</div>
<div id="content">
<div id="tekstvlak">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla a dui. Maecenas volutpat. Phasellus quis justo non enim adipiscing fringilla. Curabitur purus wisi, congue a, accumsan vel, convallis vitae, velit. Duis id eros vel erat pharetra vehicula. Aenean placerat mi at libero. Nulla nibh diam, placerat non, dignissim malesuada, mattis vel, nisl.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla a dui. Maecenas volutpat. Phasellus quis justo non enim adipiscing fringilla. Curabitur purus wisi, congue a, accumsan vel, convallis vitae, velit. Duis id eros vel erat pharetra vehicula. Aenean placerat mi at libero. Nulla nibh diam, placerat non, dignissim malesuada, mattis vel, nisl.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla a dui. Maecenas volutpat. Phasellus quis justo non enim adipiscing fringilla. Curabitur purus wisi, congue a, accumsan vel, convallis vitae, velit. Duis id eros vel erat pharetra vehicula. Aenean placerat mi at libero. Nulla nibh diam, placerat non, dignissim malesuada, mattis vel, nisl.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla a dui. Maecenas volutpat. Phasellus quis justo non enim adipiscing fringilla. Curabitur purus wisi, congue a, accumsan vel, convallis vitae, velit. Duis id eros vel erat pharetra vehicula. Aenean placerat mi at libero. Nulla nibh diam, placerat non, dignissim malesuada, mattis vel, nisl.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla a dui. Maecenas volutpat. Phasellus quis justo non enim adipiscing fringilla. Curabitur purus wisi, congue a, accumsan vel, convallis vitae, velit. Duis id eros vel erat pharetra vehicula. Aenean placerat mi at libero. Nulla nibh diam, placerat non, dignissim malesuada, mattis vel, nisl.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla a dui. Maecenas volutpat. Phasellus quis justo non enim adipiscing fringilla. Curabitur purus wisi, congue a, accumsan vel, convallis vitae, velit. Duis id eros vel erat pharetra vehicula. Aenean placerat mi at libero. Nulla nibh diam, placerat non, dignissim malesuada, mattis vel, nisl.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla a dui. Maecenas volutpat. Phasellus quis justo non enim adipiscing fringilla. Curabitur purus wisi, congue a, accumsan vel, convallis vitae, velit. Duis id eros vel erat pharetra vehicula. Aenean placerat mi at libero. Nulla nibh diam, placerat non, dignissim malesuada, mattis vel, nisl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla a dui. Maecenas volutpat. Phasellus quis justo non enim adipiscing fringilla. Curabitur purus wisi, congue a, accumsan vel, convallis vitae, velit. Duis id eros vel erat pharetra vehicula. Aenean placerat mi at libero. Nulla nibh diam, placerat non, dignissim malesuada, mattis vel, nisl
</div>
<div id="menu">
<img src="images/menu.png"><br>
<a href="#" onclick="return kadabra(link);"><img border="0" src="images/ster.png" width="15" height="15"> algemeen</a><br />
<p id="link">
<img border="0" src="images/ster.png" width="15" height="15"> nieuws<br>
<img border="0" src="images/ster.png" width="15" height="15"> updates<br>
</p>
<a href="#" onclick="return kadabra(link1);"><img border="0" src="images/ster.png" width="15" height="15"> forum</a>
<p id="link1">
<img border="0" src="images/ster.png" width="15" height="15"> forum<br>
</p>
</div>
</div>
</body>
</html>Spoiler tonen
body
{
background: url(images/top.gif) repeat-x #434343;
}
#menu_top
{
width:900px;
margin:0px auto;
height: 100px
}
#menu_top a
{
text-decoration: none;
}
#content
{
width:900px;
margin:50px auto;
}
#tekstvlak
{
background: url(images/tekstvlak.png);
margin:0px;
width:560px;
height:680px;
float:left;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
color: #ffffff;
}
#menu
{
float:left;
margin:0px;
width:240px;
height:500px;
padding-top: 20px;
padding-left: 40px;
padding-right: 20px;
}
#menu a
{
text-decoration: none;
color: #ffffff;
}
#link
{
display: none;
width: 190px;
padding-left: 20px;
color: #ffffff;
}
#link1
{
display: none;
width: 190px;
padding-left: 20px;
color: #ffffff;
}edit:
wat vinden jullie van het lay-out?