quote:Op donderdag 8 december 2011 10:56 schreef Tijn het volgende:
Stel ik heb een hele lange lijst met korte items. Daar zou ik dan graag twee kolommen in willen aanbrengen. Maar ik wil er niet twee aparte lijsten van maken. Wat doe ik dan?
Divs?quote:
1 2 3 4 5 6 7 | p.test { border: 1px solid #000000; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } |
Super bedankt!quote:Op donderdag 8 december 2011 11:29 schreef Catch22- het volgende:
http://www.quirksmode.org/css/textoverflow.html
[ code verwijderd ]
In veel gevallen geef ik je gelijk, maar het is in dit geval belangrijk dat het echt zo correct mogelijk is.quote:Op donderdag 8 december 2011 11:21 schreef Catch22- het volgende:
Je moet je nooit door 'regels' en 'semantiek' laten leiden als je het daardoor jezelf onnodig moeilijk maakt.
Oh wacht, ik heb dat wel eens gedaan maar dat was in een form. Ik denk niet dat list items scheiden met een div een heel correct resultaat oplevert.quote:
Het is een lijstje met gemeentes.quote:Op donderdag 8 december 2011 11:32 schreef Catch22- het volgende:
oke, wat voor data heb je? want je bent vrij summier in je specs.
misschien dat je wat kan stoeien met display:inline enzo, maar het blijft gekunstel. Kan je de data niet anders aanleveren?
In plaats van 1.2.3.4.5.6 > 1.4.2.5.3.6
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <ul> <li>Alblasserdam</li> <li>Albrandswaard</li> <li>Alphen aan den Rijn</li> <li>Barendrecht</li> <li>Bergambacht</li> <li>Bernisse</li> <li>Binnenmaas</li> <li>Bodegraven-Reeuwijk</li> <li>Boskoop</li> <li>Brielle</li> <li>Capelle aan den IJssel</li> <li>Cromstrijen</li> <li>'s-Gravenhage</li> <li>Delft</li> <li>Dirksland</li> <li>Dordrecht</li> <li>Giessenlanden</li> <li>Goedereede</li> <li>Gorinchem</li> <li>Gouda</li> </ul> |
1 2 3 4 | <ul width=evenbreedals 2 li's met wat padding erbij > <li class="floatLeft">Alblasserdam</li><li class="floatright">Albrandswaard</li> etccetc.. </ul> |
Ja, zoiets heb ik nu dus. Dat kan op zich wel hoor, maar eigenlijk is de volgorde dan verkeerd. Maar ik zou het mooier vinden als het zo werd:quote:
Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:quote:Op donderdag 8 december 2011 11:45 schreef Tijn het volgende:
[..]
Ja, zoiets heb ik nu dus. Dat kan op zich wel hoor, maar eigenlijk is de volgorde dan verkeerd. Maar ik zou het mooier vinden als het zo werd:
1 4
2 5
3 6
Ik weet niet hoe ik dat voor elkaar zou moeten krijgen.
1 2 3 4 5 6 7 8 9 10 11 12 | <ul> <div id="Links"> <li>1</li> <li>2</li> <li>3</li> </div> <div id="Rechts"> <li>4</li> <li>5</li> <li>6</li> </div> </ul> |
quote:Op donderdag 8 december 2011 11:47 schreef picodealion het volgende:
[..]
Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:
http://www.css3.info/preview/multi-column-layout/
Laat me raden. IE doet niet mee ?quote:Multi-column layout is currently only supported in Mozilla based browsers and Safari 3, who have prefixed the properties with respectively -moz- and -webkit-. The example below is done with column-width, the CSS for it is as follows:
Ja, dat is best tof. Maar gaat natuurlijk nooit werken in IE enzoquote:Op donderdag 8 december 2011 11:47 schreef picodealion het volgende:
[..]
Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:
http://www.css3.info/preview/multi-column-layout/
Aan zoiets zat ik ook te denken... maar ik weet niet hoe erg ze het vinden dat er een div in een ul staat zonder li eromheen. Volgens mij valideert dat niet (althans niet met XHTML strict, waarin ik deze pagina maak).quote:Op donderdag 8 december 2011 11:48 schreef GI het volgende:
Wat je dan nog zou kunnen doen is
[ code verwijderd ]
Maar ik weet niet in hoeverre dat semantisch nog helemaal volgens de regels is. In principe zou het eventuele compabiliteit dingen niet in de weg staan denk ik.
Misschien is dit trouwens uiteindelijk ook niet zo'n slechte oplossing. Dan maar geen kolommen.quote:Op donderdag 8 december 2011 11:40 schreef MrNiles het volgende:
misschien sub-koppen maken
A - B - C - ....- Z
als je dan op een letterklikt dat je dan de lijst krijgt met de steden die beginnen met die letter?
ik denk dat de leesbaarheid veel beter is...quote:Op donderdag 8 december 2011 11:51 schreef Tijn het volgende:
[..]
Misschien is dit trouwens uiteindelijk ook niet zo'n slechte oplossing. Dan maar geen kolommen.
Ja, ik denk dat je gelijk hebt. Sommige provincies (zoals Zuid-Holland) hebben tegen de 100 gemeenten, dus dat loopt aardig op.quote:Op donderdag 8 december 2011 11:54 schreef MrNiles het volgende:
[..]
ik denk dat de leesbaarheid veel beter is...
2 kolommen kan toch best verwarrend werken
en om hoeveel regels gaat het wel niet?
Is het essentieel dat het in één lijst staat dan ? Je zou ook via jquery of iets in die geest een zoekfilter in kunnen bouwen.quote:Op donderdag 8 december 2011 11:57 schreef Tijn het volgende:
[..]
Ja, ik denk dat je gelijk hebt. Sommige provincies (zoals Zuid-Holland) hebben tegen de 100 gemeenten, dus dat loopt aardig op.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |