PHP interesse |
|
Hoi,
Ik wil mijn list ( de ul's en li's ) gecentreerd hebben. Maar om de één of andere reden lukt het niet.
De HTML:
<div id="friends">
<div class="navwrapper">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>
</div>
Dit is mijn CSS
#friends { float: left; background-color: #ffffff; padding: 10px 10px 14px; border: 1px solid #dadada; width: 829px; margin-bottom: 10px; }
#friends .navwrapper { position: relative; margin: 10px auto; background-color: #dadada; text-align: center; }
#friends .navwrapper ul { margin: 0 auto; }
#friends .navwrapper li { float: left; width: 27px; height: 22px; background-color: #f0f0f0; border: 1px solid #dadada; margin: 5px; padding-top: 5px; }
#friends { float: left; background-color: #ffffff; padding: 10px 10px 14px; border: 1px solid #dadada; width: 829px; margin-bottom: 10px; } #friends .navwrapper { position: relative; margin: 10px auto; background-color: #dadada; text-align: center; } #friends .navwrapper ul { margin: 0 auto; } #friends .navwrapper li { float: left; width: 27px; height: 22px; background-color: #f0f0f0; border: 1px solid #dadada; margin: 5px; padding-top: 5px; }
Iemand een idee hoe ik dit op kan lossen.
Citaat: Rens edit:
Verplaatst naar HTML & CSS.
Zie hier nou niet echt PHP in staan?Â
|