header valt niet in elkaar

Ok… Je doctype staat er 2x in, je DIVS lopen dwars door je head :s

Het is echt een chaos in de codering!

Als eerste beginnen met de td’s weg te halen en even lekker een paar div’s gebruiken! Of wil je td’s ala 1998 gebruken en die met css ook nog debuggen voor de ruimte, borders etc?

Even snel uit mijn hoofd (in 65 seconden) jouw versie met een antwoord op de vraag:

HTML >>>

<div id="header">

  <div id="top-img">

  </div>

  <div id="logo">

  </div>

  <div id="nav">

    <a href="../home"> <img src="../img/nav_button1"> </a>

    <a href="../home"> <img src="../img/nav_button2"> </a>

    <a href="../home"> <img src="../img/nav_button3"> </a>

    <a href="../home"> <img src="../img/nav_button4"> </a>

  </div>

</div> <!-- Sluit header -->

CSS >>>

* { margin: 0px; padding: 0px;}

body {

margin: 0px;
padding: 0px;
}

#header {

width: 950px;
height: 200px;
margin: 0px auto;
}

#top-img {

width: 950px;
height: 100px;
background-image: url("../img/top-img.jpg");
float: left;
}

#logo {

width: 200px;
height: 100px;
background-image: url("../img/logo.jpg");
float: left;
}

#nav {

width: 750px;
height: 25px;
background-image: url("../img/nav-back.jpg");
float: left;
}

#............................. ENZOVOORTS

Probeer het hier op te laten lijken en het moet best lukken 😉

// Ik zou ZELF 2 divs gebruiken, 1 holder voor het logo en het nav menu… kortom 7 regels code en klaar. I.P.V. de 30 regels die ik nu zie in de website 😛

Succes!