Lister i kolonner

Tags:    css html

Kære udviklere,

Arbejder pt. med et Wordpress projekt, hvor jeg lige nu skal lave menuen på samme måde som f.eks. Netflix laver deres menu på. Altså at der er x-antal lister i hver kolonne, og så går den videre til en ny kolonne.

Eksempelvis

Fold kodeboks ind/udKode 


^ Det vil sige at der skal være et limit på 5 links, og så skal den oprette en ny kolonne.

Jeg har kigget på column-count i css, men syntes ikke det kan bruges.

Jeg havde tænkt mig at splitte det hele op i div-kasser, men da det er udskrevet via en wordpress funktion har jeg ingen idé om hvordan jeg løser det.

Har også prøvet med jQuery, men syntes heller ikke jeg kan finde et svar til dette.

Menuen bliver udskrevet således
Fold kodeboks ind/udPHP kode 


På forhånd tak.



Indlæg senest redigeret d. 10.06.2015 13:19 af Bruger #16025
1 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Problem løst:

Jeg har ved hjælp af jQuery oprettet nye ul-elementer rundt om de eksisterende li-lister.

Mit problem har været at jeg skulle dele det op i kolonner, men har ikke kunne gøre dette da der var et h3-element i min ul.

Jeg har oprettet en jQuery funktion
Fold kodeboks ind/udJScript kode 


Og I css'en har det drillet rigtig meget. Dog har jeg løst det således:
Fold kodeboks ind/udCSS kode 




t