3 kolommen met list item

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Casper B

Casper B

28/01/2012 20:45:56
Quote Anchor link
Beste,

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.
 
PHP hulp

PHP hulp

25/12/2024 02:55:47
 
Jaron T

Jaron T

28/01/2012 20:53:23
Quote Anchor link
Je kan gewoon in de broncode kijken, het is gedaan met div's icm een float:left;
 
Frank  C

Frank C

29/01/2012 18:22:21
Quote Anchor link
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
 
Wouter J

Wouter J

29/01/2012 21:52:33
Quote Anchor link
@Frank, spam??? Daarnaast begrijp je blijkbaar nog niet veel van semantische HTML... Want die producten horen inderdaad in een list, niet in divisions ofzo...

@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;.
 
Frank  C

Frank C

30/01/2012 04:22:24
Quote Anchor link
Wouter,

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
 
Wouter J

Wouter J

30/01/2012 09:20:09
Quote Anchor link
@Frank, sorry maar zinnetjes als 'Wat hen hetzelfde maakt echter, is dat over beide onderwerpen een tutorial geschreven is' lijken erg op spam dingen. Over elk HTML onderwerp is een tutorial geschreven, dat zorgt toch nog niet dat alles hetzelfde is?
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.
 
Frank  C

Frank C

30/01/2012 11:59:45
Quote Anchor link
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
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.