A <li> </li> több oszlopos elrendezése

A <li> </li> több oszlopos elrendezése
2022-03-04T10:42:54+01:00
2022-03-04T11:07:45+01:00
2022-10-15T21:20:54+02:00
eltaki
Sziasztok!

Van egy függőlegesen nyíló menüsor (évek), amiből jobbra almenük (heti dátum) nyílnak. Működik tökéletesen, csak az a gond, hogy időnként, ha az adott évben sok a hét (max 52), a függőleges heti oszlop túlnyúlik a képernyő alján és ha elmegyek jobbra az oldal görgetősávjához akkor a menü eltűnik.
Akármivel próbálkozok, mindig csak függőlegesen egy oszlopban jelenik meg. Ehhez kérném a segítségeteket, valamilyen módon beolvasni több oszlopba.
Beolvasó rutin php:

<?php for($i=0; $i<$j; $i++){ echo '<li><a href="#">' .$evek[$i]. ' &raquo;</a> <ul>'; for($b=0; $b<$m; $b++){ $map = $datum[$b]; $ev = substr($map, 0, 4); if($ev == $evek[$i]){ echo '<li><a href="#">' .$map. '</a></li>';//ezt kéne megváltoztatni valahogy } } echo '</ul> </li>'; } ?>
Mutasd a teljes hozzászólást!
Csatolt állomány
Szia!

A heti "ul" elemnek meg lehetne adni egy "column-count" CSS property-t. Ha rárakod a "hetek" class-t, akkor:

ul.hetek { column-count: 2; width: 10em; }
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd