Div's zijn te klein of tekort

Door Wouter op 04-11-2006 18:25

484 views


<div id="navi">
	<div class="navi"><a href="http://localhost/dvd/" title="">Home</a></div>
	<div class="navi"><a href="http://ik.be/1"title="">1</a></div>
	<div class="navi"><a href="http://ik.be/2" title="">2</a></div>
	<div class="navi"><a href="http://ik.be/3" title="">3</a></div>
	<div class="navi"><a href="http://ik.be/4" title="">4</a></div>


	<div class="navi"><a href="http://ik.be/5" title="">5</a></div>

het probleem is ik heb meer pagina's op mijn site dan wat er hier staan(dit is een zever voorbeeld)
ik zou eigenlijk 7 moeten kunnen opzetten.
Is hier een middeltje voor ze op 1 lijn te laten staan??
zonder pagina's te moeten verwijderen

Leroy Boerefijn

04-11-2006 18:28

je hebt die eerste div niet afgesloten

Wouter

04-11-2006 18:30

deze ?
<div id="navi">
en dan op het einde
</div> of </div id=navi"> ik denkt het logist het tweede....

Martijn Wieringa

04-11-2006 18:33

Nope,

<div id="navi">.......</div>

Je sluit de TAG 'div', dus </div>

Wouter

04-11-2006 18:36

ja dus zet ik </div> op het einde zeker?
ja ik weet dat ik een beetje veel noobie ben maar reden te meer om het te vragen

Joren de Wit

04-11-2006 18:59

Zet de verschillende links niet in een aparte div, maar in een lijst:


<div id="navi">
    <ul>
        <li><a href="1">link 1</a></li>
        <li><a href="2">link 2</a></li>
    </ul>
</div>

Om de links dan op 1 regel te plaatsen kun je gewoon een stukje css gebruiken:


li {
    display: inline;
}

Arjan Schuurman

04-11-2006 19:23

wouter, wrom ga je niet eerst ff een html cursus doen, daar leer je dit soort dingen ook.

Wouter

04-11-2006 19:24

maar mss bergrijp je me niet goed blanche

dit is een page waar de links boven staan en niet opgesomd

Wouter

04-11-2006 19:24

@arjan heb ik al gedaan

Red Crew

04-11-2006 19:37

Wouter als je goed kijkt of eens probeert wat Blanche je zegt had je het al gemerkt.

Hij zet er nog bij
li {
display: inline;
}
Dat betekend dat hij alle list elementen horizontaal langs elkaar zet.

Joren de Wit

04-11-2006 19:48

@Wouter: je hebt het niet eens geprobeert! Zie hier een voorbeeld.

[edit]Linkje aangepast.
@hieronder: klopt, pakte even de verkeerde link[/edit]

Reageren

Inloggen om te reageren