Archief - CSS tabjes op meerdere lijnen

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.

Bram

Legacy Member
Gegroet.

Ik ben wat aan het prullen in HTML en moet een reeks tabs ontwerpen. Ik heb geen controle over de hoeveelheid tabs, dit kunnen er 3 zijn, dit kunnen er 30 zijn.

De HTML/CSS ontwerpen zodat de tabs mooi passen op 1 lijn is geen probleem, maar van zodra er te veel tabs zijn, springen ze op een tweede rij en dat verprutst m'n layout een beetje. Iemand die hiermee ervaring heeft of voorbeelden kent?

Eigenlijk zou ik tabs willen ontwerpen zoals je in Windows XP had bij bv de beeldscherminstellingen: die stonden ook op 2 rijen en de rij met de active state was de onderste (ik besef dat dat laatste wat moeilijk zal zijn om te doen, dat hoeft voor mij niet onmiddellijk).

Sick-Boy

Legacy Member
Kijk eens rond op deze site.
Dit design kan je bv gebruiken mits wat aanpassing.

De actieve tab op de onderkant is gewoon de code voor de rijen wisselen he ;).
Tenzij je niet wil dat de hele pagina herlaadt.
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