Hi mensen,
'k zit met een korte vraag die ik niet opgelost krijg.
Ik ben bezig met een menu met tabs.
Dit menu is op basis van een unordered list met verschillende items.
De listitems moeten met gelijke breedte uitgelijnd worden over de ul zoals meerdere td's zonder width binnen een tr.
Als ik geen width toepas op de li wordt ie net zo breed als de tekst.
Ik kan via php wel de width berekenen door 100% / aantal items toe te voegen maar kan dit ook anders, via css zelf?
Het aantal items is variabel he, anders had ik de width net zo goed in een keer erin kunnen zetten
iemand enig idee?
'k zit met een korte vraag die ik niet opgelost krijg.
Ik ben bezig met een menu met tabs.
Dit menu is op basis van een unordered list met verschillende items.
De listitems moeten met gelijke breedte uitgelijnd worden over de ul zoals meerdere td's zonder width binnen een tr.
Als ik geen width toepas op de li wordt ie net zo breed als de tekst.
Ik kan via php wel de width berekenen door 100% / aantal items toe te voegen maar kan dit ook anders, via css zelf?
Het aantal items is variabel he, anders had ik de width net zo goed in een keer erin kunnen zetten
iemand enig idee?
Cascading Stylesheet:
1
2
3
4
5
6
7
8
| #menu ul { width:100%; } #menu ul li { } |
PHP:
1
2
| <?php $width = 100/$aantal_items; ?> <ul><li style="width:<?php echo $width; ?>"></li> <li style="width:<?php echo $width; ?>"></li> <li style="width:<?php echo $width; ?>"></li> <li style="width:<?php echo $width; ?>"></li></ul> |