[css/html] css/html hulp gezocht

Gestart doorRohimma2 reacties24 weergaven

3 berichten · pagina 1 van 1

Rohimma

Lid · Topicstarter

Berichten
1.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
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:
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>
css broncode:
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;
}
weet iemand hoe dat moet?

edit:
wat vinden jullie van het lay-out?
0
Berichten
5.957
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het tekstvak rekt niet mee ... of is dat de bedoeling?
0
Rohimma

Lid · Topicstarter

Berichten
1.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
dat is tot nu toe de bedoeling, misschien dat ik het later nog verander.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren