extra menu probleem (css)

devon schreef op 24.12.2006 02:43

verander al je "padding:" codes eens in "margin:" codes

en ooit gehoord van "position: absolute;" ??

doe dat eens en kijk wat er dan gebeurd!

position absolute moet je maar in hele uitzonderlijke gevallen gebruiken. Het is vrijwel nooit nodig om een lay-out van een pagina op te maken met absolute gepositioneerde elementen.

Zie mijn oplossing hierboven, werkt prima en geen position absolute gebruikt.

@php newbie

Tnks zo eventjes kijken.

@devon

Zal hier ook gelijk naar kijken.

edit:

Het werkt! :) heel erg bedankt, ik wil er een klein zoek balkje onder zetten.
Maar dit krijg ik niet voor elkaar? ik vindt dit erg raar:
.geel {
display:block;
width: 183px;
padding:0px 0px 0px 7px;
text-decoration: none;
float: left;
background-color:#825d04;
}

<div id="left">
<div id="sidebar" class="rollover">
<ul>
<li><a href="#"><b>Hoofdmenu:</b></a></li>
<li><a href="index.php?page=pagina1">Pagina1</a></li>
<li><a href="index.php?page=pagina2">Pagina2</a></li>
<li><a href="index.php?page=pagina1">Pagina3</a></li>
<li><a href="index.php?page=pagina2">Pagina4</a></li>
<li><a href="index.php?page=pagina1">Pagina5</a></li>
</ul>
</div>
<div id="sidebar" class="rollover">
<ul>
<li><a href="#"><b>Hoofdmenu2:</b></a></li>
<li><a href="index.php?page=pagina1">Pagina6</a></li>
<li><a href="index.php?page=pagina2">Pagina7</a></li>
<li><a href="index.php?page=pagina1">Pagina8</a></li>
<li><a href="index.php?page=pagina2">Pagina9</a></li>
<li><a href="index.php?page=pagina1">Pagina10</a></li>
</ul>
</div>
<div id="sidebar" class="geel">
<ul>
<li>zoeken:</li>
<li><input name="" type="text"></li>
</ul>
</div>
</div>
<div id="content">

*bump*

Dat van mij werkte toch?

Menu's met CSS zijn tricky, maar het kan wel. Zie dit voorbeeld

Het werkt nu wel alleen krijg ik mijn "zoek" dingentje niet goed!

*bump*

Weet niemand een oplossing?

ik wil mijnzoek "blokje" dus ook in ene geel venstertje.