Toon posts:

css meerdere lists gelijkmatig verdelen over unordered list

Pagina: 1
Acties:

Verwijderd

Topicstarter
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 8)7

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>

  • Mad Marty
  • Registratie: Juni 2003
  • Laatst online: 10:24

Mad Marty

Je bent slimmer als je denkt!

Het kan ook met JavaScript, maar niet met CSS afaik.

Rail Away!


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Dit is een van de weinige opzetjes waarvoor ik tegenwoordig een tabel voor gebruik :)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.