Oke, ben bezig emt een site aan het maken.
Nu heb ik een menutje gemaakt, maar deze moet naast elkaar komen.
Als ik display:inline doe, laat hij helemaal niks meer zien.

Online voorbeeldje:
http://82.73.133.147/candan/

kan je zelf de html bekijken.

CSS =
http://82.73.133.147/candan/style/style.css

Misschien dat iemand van jullie me kan helpen?
Mitchell schreef op 17.08.2009 13:34
Uhm, ja. Breedte van margins en padding (pixels) is onmogelijk om rekening mee te houden in een liquid div?

Klopt. In zo'n geval heb je een extra div nodig.
Dan krijg je dus:

container-div met breedte in procenten en overflow: hidden
wrapper div met breedte auto en padding
content

De content zit in de wrapper en de wrapper zit in de container dan.
Mitchell schreef op 17.08.2009 13:32
Ik zie nu pas hoe idiotisch deze site is opgebouwd, het zijn allemaal divs die de volle breedte nemen en hij heeft enkel en alleen de achtergrond gecentreerd.. Dit is zeer verkeerd.

Plaats de hele site in een wrapper en centreer die wrapper.

Oke, heb dit gedaan, het menu gaat nu mee met het layout.

Nu heb ik nog een vraagje. Hoe zoe ik het beste die buttons kunnen maken dan, want als ik ze op het li element zet showen ze maar een klein stukje.
Zijn je li's blocks? Zo niet, dan zal je ze eerst blocks moeten maken, of als je anchors (<a href="">) gebruikt, gewoon je anchors block maken. Grote van iedere button aangeven, door gewoon iedere anchor een class mee te geven, op deze manier kun je ook iedere button een andere background geven.
Kijk, nu werkt het perfect, dankje!

Reageren