Archief - divs verkeerd geplaatst

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

GregoryCo

Legacy Member
Zonder code zijn we niet veel he. Het ligt wss niet aan de divs, maar aan de css die eraan hangt.

Zero Grav

Legacy Member
Ziet eruit alsof de h1 of h2 waar kleppers in staat (dat zou het toch moeten zijn) een float left heeft gekregen en geen clear: both;.

Maar sowieso moeten we code hebben ja.
Dit is trouwens een xHTML/CSS-probleem.

-BVR-

Legacy Member
n/o maar schrijf eerst eens mooie code, want hier begin ik niet eens aan. Congrats aan degenen die dat wel doen.

EDIT: en als ge het toch in een rar steekt moogt ge de afbeeldingen er ook bijsteken :)

GregoryCo

Legacy Member
vandijckske, als het online staat kun je misschien beter gewoon de link geven. Met de link hebben we genoeg om de code van html en css te bekijken

scipicore

Legacy Member
Ik raad u aan die website gewoon helemaal opnieuw te maken, maar deze keer goed. Het is niet zo'n grote website dus zo veel werk zal je er niet aan hebben.

-BVR-

Legacy Member
kHeb heel de pagina opnieuw gemaakt en zou nu moeten werken naar believe.

HTML
Code:
<!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">
<title>Klj Loenhout</title>
<meta name="generator" content="TextMate http://macromates.com/">
<meta name="author" content="siebe">
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
</head>

<body>
<div id="container">
  <div id="header">
    <a href="http://www.kljloenhout.be" title="KLJ Loenhout" id="logo"><span>KLJ Loenhout</span></a>
    <ul id="nav">
      <li><a href="http://www.kljloenhout.be/activiteiten.html"><img src="https://www.beyondgaming.be/forums"></a></li>
      <li><a href="http://www.kljloenhout.be/evenementen.html"><img src="https://www.beyondgaming.be/forums" width="61" height="63" /></a></li>
      <li><a href="http://www.kljloenhout.be/leiding.html"><img src="https://www.beyondgaming.be/forums"></a></li>
      <li><a href="http://www.kljloenhout.be/lokaal.html"><img src="https://www.beyondgaming.be/forums"></a></li>
      <li><a href="http://www.kljloenhout.be/afdelingen.html"><img src="https://www.beyondgaming.be/forums"></a></li>
      <li><a href="http://www.kljloenhout.be/interactief.html"><img src="https://www.beyondgaming.be/forums"></a></li>
    </ul>
    <ul id="navkeuzeleiding">
      <li><a href="http://www.kljloenhout.be/leiding_+16.html"><img src="https://www.beyondgaming.be/forums"></a></li>
      <li><a href="http://www.kljloenhout.be/leiding_-16.html"><img src="https://www.beyondgaming.be/forums"></a></li>
      <li><a href="http://www.kljloenhout.be/leiding_kleppers.html"><img src="https://www.beyondgaming.be/forums"></a></li>
      <li><a href="http://www.kljloenhout.be/leiding_pagadders.html"><img src="https://www.beyondgaming.be/forums"></a></li>
    </ul>
  </div>
  <!--einde header-->
  <div id="headerleiding">
    <span>Header leiding</span>
  </div>
  <div id="leiding">    
    <div id="leiding1">
      <img src="https://www.beyondgaming.be/forums" alt="niels" width="136" height="179" />
        <ul>
          <li>Naam: Niels Van Rompaey</li>
          <li>Geboortedatum: 25 augustus 1990</li>
          <li>Leeftijd: 20 jaar</li>
          <li>Taken: leider kleppers</li>
          <li>Aantal jaren KLJ: 8</li>
          <li>Aantal jaren leiding: 4</li>
          <li>Beroep/studies: industrieel ingenieur chemie</li>
          <li>Hobby's: voetbal, klj</li>
          <li>Plezantste activiteit: kamp, teren</li>
        </ul>
    </div>
    <!--einde Geert-->
    <div id="leiding2">
      <img src="https://www.beyondgaming.be/forums" alt="jens" width="136" height="179" />
        <ul>
          <li>Naam: Jens Vissers</li>
          <li>Geboortedatum: 22 maart 1990<li>
          <li>Leeftijd: 20 jaar</li>
          <li>Taken: leider kleppers</li>
          <li>Aantal jaren KLJ: 9</li>
          <li>Aantal jaren leiding: 4</li>
          <li>Beroep/studies: industriele wetenschappen</li>
          <li>Hobby's: klj, bloemencorso, vendelen</li>
          <li>Plezantste activiteit: paratocht, bloemencorso</li>
        </ul>
    </div>
    <!--einde jens-->                
    <div id="leiding3">
      <img src="https://www.beyondgaming.be/forums" width="136" height="179" />
        <ul>
          <li>Naam: Miete van Dijck</li>
          <li>Geboortedatum: 25 november 1993</li>
          <li>Leeftijd: 17 jaar</li>
          <li>Taken: leider kleppers</li>
          <li>Aantal jaren KLJ: 3</li>
          <li>Aantal jaren leiding: 2</li>
          <li>Beroep/studies: creatie/mode</li>
          <li>Hobby's: KLJ, IKO, wimpelen</li>
          <li>Plezantste activiteit: kamp, dropping, sportfeest</li>
        </ul>
    </div>
    <!--einde miete-->
  </div>
  <!--einde leiding-->
</div>
<!--einde container-->        
</body>
</html>

CSS
Code:
/*Main Styles*/
a img {
    border: 0;    
}

body {
    background-color: #ece7d1;
    font-family: Verdana;
    font-size: 11px;
}

#container{
    width: 880px;
    margin: auto;
}

#logo {
    float: left;
    width: 283px;
    height: 74px;
    display: block;
    background-image: url(images/header.jpg);
}

#logo span {
    position: absolute;
    top: -10000px;
}

#header {
    height: 120px;
    display: block;
    margin-bottom: 20px;
}

#nav, #navkeuzeleiding {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

#nav li, #navkeuzeleiding li {
    display: inline-block;
    float: right;
}

#nav li a img, #navkeuzeleiding li a img {
    display: inline-block;
}                

#headerleiding {
    position: relative;
    display: block;
    width: 300px;
    height: 67px;
    background-image: url(images/headerleidingkleppers.png);    
}

#headerleiding span {
    position: absolute;
    top: -10000px;
}

#leiding1, #leiding2, #leiding3 {
    width: 800px;
    height: 200px;
    display: block;
    margin: 10px;
}

#leiding1 img, #leiding1 ul, #leiding2 img, #leiding2 ul, #leiding3 img, #leiding3 ul {
    float: left;
}

#leiding1 img, #leiding2 img, #leiding3 img {
    margin-top: 10px;
}

#leiding1 ul, #leiding2 ul, #leiding3 ul {
    list-style: none;
    padding-left: 13px;
    display: block;
}

#leiding1 ul li, #leiding2 ul li, #leiding3 ul li {
    margin-left: 0;
    margin-top: 0.3em;
    color: #bfb381;
}

EDIT: ja, de 9lives links gaan automatisch, da moet ge er maar uitsmijten.

j design

Legacy Member
<li><a href="http://www.kljloenhout.be/activiteiten.html"><img src="https://www.beyondgaming.be/forums"></a></li>
Daar kan je ook best de img uithalen. Layout dus css

-BVR-

Legacy Member
Ja er zullen nog wel zo'n dingen zijn ze :) Normaal doe ik die listitems met css sprites, maar daar wilde ik nu geen moeite insteken..

vandijckske

Legacy Member
alvast bedankt voor de hulp ik heb ng een klein probleempje maar ik ga er morgen nog is goed naar kijken .

bedankt voor al je hulp
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan