3 kolommen met list item
Ik ben al een tijd opzoek naar de volgende oplossing. Ik wil namelijk een 3 kolommen site hebben, waarvan de projecten in list items staan.
Als voorbeeld: http://www.reserved.com/en/home
Zoals je ziet heeft deze website ook 3 kolommen en 2 verschillende soorten groten van kaders. Dit wil ik ook, alleen vraag ik me af hoe dit is gedaan, het moet in iedere geval kunnen met een list.
Ik hoor graag van jullie.
Je kan gewoon in de broncode kijken, het is gedaan met div's icm een float:left;
Casper B op 28/01/2012 20:45:56:
Ik wil namelijk een 3 kolommen site hebben, waarvan de projecten in list items staan.
Lists worden behalve voor lijsten zelf gebruikt voor navigatiemenu's. Als je het hebt over 3 kolommen heb je het over de lay-out, wat iets heel anders is. Wat hen hetzelfde maakt echter, is dat over beide onderwerpen een tutorial geschreven is, te vinden op Website Laten Maken Amsterdam. De info over het maken van een lay-out is primair te vinden in de eerste tut, How to Position in CSS.
Gewijzigd op 29/01/2012 18:24:04 door Frank C
@Casper, je kunt hiervoor een grid maken. Een bekend grid is 960 maar je kunt er natuurlijk ook zelf eentje maken.
Het naast elkaar krijgen doe je door te werken met float: left;.
Ik ben beledigd door je bericht. Het verwijzen naar een set tutorials over lay-out en de meest gebruikte toepassing van lists (menu's) is iets heel anders dan spam, in dit geval. Ten tweede zijn de afmetingen van de pagina-items -- die projecten genoemd worden door de TS/OP, geen producten -- groot en onderling verschillend, zodat positionering met gefloate divisions minstens zo gebruikelijk en valide is als met een gefloate list.
Wellicht gaat jouw antwoord beter in op de vraagstelling, maar daarom hoef je nog niet vervelend te gaan doen.
Gewijzigd op 30/01/2012 04:54:41 door Frank C
Quote:
die projecten genoemd worden door de TS/OP, geen producten
Het is een lijst met collecties. Dat deze lijst er wat anders uitziet dan gebruikelijk maakt niks uit met het feit dat het een lijst is.
Quote:
zodat positionering met gefloate divisions minstens zo gebruikelijk en valide is als met een gefloate list.
Ook met tabellen is het valid...
Verder gaat het niet om juiste HTML schrijven zodat je de pagina het makkelijkst kan schrijven, maar HTML schrijven omdat je alles op de juiste manier aan de computer wil vertellen. En als je op die manier schrijft moeten deze producten in een lijst.
Quote:
Over elk HTML onderwerp is een tutorial geschreven, dat zorgt toch nog niet dat alles hetzelfde is?
Je trekt de zin waar dit over gaat uit zijn verband. Als je het in zijn verband laat zie je dat ik slechts een taalkundige 'schwung' eraan gaf.
Quote:
En als je op die manier schrijft moeten deze producten in een lijst.
Het spijt me zeer, maar dat 'moeten' is echt pertinente onzin.
Gewijzigd op 30/01/2012 12:02:59 door Frank C