Een goede dag,

Ik ben een website aan het maken, maar ik loop tegen een probleem aan dat ik maar niet krijg opgelost, de oplossing kan ik ook niet vinden op internet. Het gaat om de website griekse-restaurants.nl Mijn vraag over deze website is:
Hoe krijg ik de blokjes Heerlen, Valkenburg, Almere en Utrecht omhoog zodat de lege ruimtes worden opgevuld?
Al deze blokjes hebben een margin-bottom:15px; en een margin-right:25px; En ze hebben een float:left;

Kijk gerust in de bron!

Kijk verder niet hoe de website uit ziet, deze is nog lang niet klaar.

Met vriendelijke groet,

Als de blokjes een standaard hoogte hebben kan je proberen een hoogte in te voeren doormiddel van een zogeheten

Min-Height: xx px;

Hoor graag of dit lukt.

Ik heb de height op auto; staan dat lijkt mij het handigste, want je zoals je ziet staan onder ieder blokje een verschillend aantal links. Of zie ik dat verkeerd?

Origineel gepost door S. van bezouw

Als de blokjes een standaard hoogte hebben kan je proberen een hoogte in te voeren doormiddel van een zogeheten

Min-Height: xx px;

Hoor graag of dit lukt.

Wat heb je ingevoerd bij #vak in je .CSS?

De volgende CSS code gaat over het hele blokje, het blokje waar de plaatsnaam in staat en totslot de lijst waar de links in staan, ook in deze volgorde.

#container #content #vak {
height:auto;
float:left;
margin-right:25px;
margin-bottom:15px;
}

#container #content #vak #headerlijst {
background-color:#CCC;
height:18px;
max-height:18px;
width:130px;
font-size:13;
font-weight:bold;
text-align: center;
padding-top:2px;
color:#FFF;
}

#container #content #vak #lijst {
}

Origineel gepost door Jordi Cou.

Wat heb je ingevoerd bij #vak in je .CSS?

Groningen staat nu na Nijmegen in de code, zet die eens na Utrecht.

Is gebeurt Marcel, ik zou alles het liefst gewoon in alfabetische volgorde willen zetten, er moet toch wel iets mogelijk zijn met css of html dat je alle divs los van elkaar neer kunt zetten.

Origineel gepost door Marcel Melis

Groningen staat nu na Nijmegen in de code, zet die eens na Utrecht.

hmmm ik had verwacht dat dat het probleem wel op zou lossen maar niet dus.

Het probleem is dat in de laatste kolom 2 steden onder elkaar geplaatst worden (nijmegen en heerlen in dit geval). De volgende rij begint op de positie onder de langste kolom, maar die bestaat dus in dit geval uit 2 steden...

Beste,

Als ik het probleem goed begrijp wil je het volgende: de verticale uitlijning van de blokken moet rechtstreeks (excl. een eventuele margin-top) onder het vooraafgaande blok?

Indien je dit wilt bereiken dien je het volgende te doen:
- Maak een .colomn class (je hebt 5 colommen)
- Voeg de .vakken daarin.

Dus bijvoorbeeld:
- .colomn {width:110px; height:auto float:left; margin-right:25px;}
- .vak2 {width:100%; height:auto; max-height:180px; float:left; margin-bottom:10px;}

ik hoop dat het je hiermee lukt!

Klopt Tom, je begrijpt me goed. Alleen ik twijfel over hoe jij het precies bedoelt, bedoel je, 5 divs maken waar de kolommen instaan?

Origineel gepost door Tom giesbergen

Beste,

Als ik het probleem goed begrijp wil je het volgende: de verticale uitlijning van de blokken moet rechtstreeks (excl. een eventuele margin-top) onder het vooraafgaande blok?

Indien je dit wilt bereiken dien je het volgende te doen:
- Maak een .colomn class (je hebt 5 colommen)
- Voeg de .vakken daarin.

Dus bijvoorbeeld:
- .colomn {width:110px; height:auto float:left; margin-right:25px;}
- .vak2 {width:100%; height:auto; max-height:180px; float:left; margin-bottom:10px;}

ik hoop dat het je hiermee lukt!

Je moet alle .vakken die je onder elkaar wilt, in één collomn plaatsen. En aangezien je 5 collomen hebt, moet je dus 5 divs plaatsen met daarin de .vakken

Bedankt voor de nadere uitleg, ik begrijp het helemaal. Ik wacht hier alleen even mee tot ik alle steden heb toegevoegd, anders kan ik blijven verplaatsen.

Ik ben hiermee perfect geholpen, hartstikke bedankt Tom !

Origineel gepost door Tom giesbergen

Je moet alle .vakken die je onder elkaar wilt, in één collomn plaatsen. En aangezien je 5 collomen hebt, moet je dus 5 divs plaatsen met daarin de .vakken

Je weet dat er voor het weergeven van dergelijke data tabellen zijn uitgevonden?

kijk gewoon even hoe startpagina.nl het doet;)

Column1 Column2 Column3 etc. en vervolgens daar je lijsten inladen.

Ik heb eens iets gelezen dat tabellen niet geheel SEO vriendelijk zijn, dus die gebruik ik nooit.

Origineel gepost door Jeffrey vd V.

kijk gewoon even hoe startpagina.nl het doet;)

Column1 Column2 Column3 etc. en vervolgens daar je lijsten inladen.