Dreamweaver vraag

Er zijn veel manieren voor. Ik moet eigenlijk even weten of je een table gebruik of een div? Ga eens met je align spelen.. Of je width/height! Tip: http://www.websitemaken.be

Ik zal u een stuk van mijn code geven, dit is wel HTML+CSS(CSS3) en niet alle functie werken in IE.

index.html code:
<div id="header-area">
      <ul class="nav-header">
        <li class="nav-selected"> <a>Home</a> </li>
        <li class=" "> <a>Portfolio</a> </li>
        <li class=" "> <a>MyBlog</a> </li>
        <li class=" "> <a>Contact</a> </li>
      </ul>
</div>

style.css code:
ul.nav-header {list-style:none;margin:0px;float:right;****

ul.nav-header li {float:left;*****

Uitleg:
ul.nav-header is class:nav-header. Float:right houdt in dat dit menu rechts plaats zou nemen.

ul.nav-header li heeft effect op <li> float:left houdt in dat de eerste <li> links geplaats wordt en de 2de rechts.
voorbeeld:
<li>Home</li> <li>Portfolio</li> zal ook zo tevoorschijn komen.

nav-header is een eigen verzonnen naam, dit doe ik om zo classes of id’s te geven. Hiermee maak ik een soort overzicht voor mezelf. Kan bij u ook bijvoorbeeld ul.menuhorizontal { kunnen zijn. Vergeet dat niet class:"menuhorizontal" te gebruiken. alsje een ID wilt gebruiken(let op een ID kan maar 1x gebruikt worden. Is een unique ID netzoals dat uw ID nummer unique is. gebruik dan # inplaats van . (voorbeeld: ul #nav-header)