Archief - CSS: dynamische menu's niet-lineair weergeven

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

blackrabbit

Legacy Member
Titel is misschien niet helemaal duidelijk, maar kan het niet beter omschrijven. Onderstaande voorbeelden maken wellicht alles duidelijk:

Pic van hoe het nu is
De gekleurde vakken stellen menu's voor die dynamisch opgevuld worden, en waarvan de grootte (height) niet vaststaat. Zo kan 1 menu 2 items bevatten terwijl een ander er 10 of zelfs 20 bevat.
Uiteraard is dit niet optimaal voor het ruimtegebruik: een lijn waarin 1 groot menu van 10 items staat en waarin 2 kleine menu's van elk 2 items staan, zal effectief de hoogte van 10 items innemen, met de nodige verloren ruimte dus.

Vandaar dat ik graag het volgende had bekomen... Hoe los ik dit concreet op?

Enige vereiste: er moeten steeds 3 kolommetjes zijn.. (en voor de afwerking: tussen elk menu een 10-tal px witruimte).

Alvast bedankt!

blackrabbit

Legacy Member
Mnee, niet echt denk ik...

Voor alle duidelijkheid: het aantal 'menutjes' staat ook niet vast...
Dmv php wordt nu om de 3 menu's een 'nieuwe lijn' begonnen (=zwarte kader op 1ste voorbeeld).

En de bedoeling is dus dat er niet meer dan 10px whitespace is tussen al die menutjes, zowel boven als onder.

Ook wanneer ik uw oplossing gebruik, heb ik nog whitespace tussen de verschillende lijnen...

blackrabbit

Legacy Member
Ben ik niet duidelijk genoeg of is wat ik wil 'onmogelijk'?

blackrabbit

Legacy Member
Boddah zei:
als je nu gewoon de hoogte niet instelt?
Ik zie maar 1 entry met 'height', en als ik die verwijder veranderd enkel de hoogte van het totaal (de container dus eigenlijk).

Kheb en printscreentje genomen van wat ik nu heb:
http://www.actua-forums.be/extra/vb.jpg
Zoals je kan zien neemt het eerste meteen al veel plaats in (in de hoogte), en wordt er rechts daarvan veel plaats verloren..
(but do keep in mind: de grootste kolom kan ook in het midden of rechts staan).

`SeriOUs

Legacy Member
dat is toch gewoon met verschillende div's en floats?
ik zie het probleem niet echt. Je hebt zelfs geen container nodig.

tikketim

Legacy Member
mss best tables gebruiken dan omdat het toch tabulaire data ofzo is niet ?

Boddah

Legacy Member
ja, dat wou ik ook juist voorstellen; de menu's verticaal opvullen.

blackrabbit

Legacy Member
Is trouwens niet helemaal een oplossing..

Vermits het aantal menu's niet vaststaat, weet ik op voorhand niet hoeveel er in elke kolom gaan moeten passen..

Maar ik los het wel op, PHP gewijs dan.

`SeriOUs

Legacy Member
???
is toch zo flexibel als iets.

vervang de id's voor te floaten door een klasse, en ge kunt zoveel modificeren als ge wilt. :)

blackrabbit

Legacy Member
You're right :)

Was niet goed wakker toen ;)

Heb soms de nieging om in tabellen te denken...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan