Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Ruimte tussen artikelen bij meerdere kolommen

Ruimte tussen artikelen bij meerdere kolommen

20 mrt 2015 11:37 - 20 mrt 2015 11:39
#1
Hallo,

Voor mijn startmenu gebruik ik 3 kolommen. (in menubeheer: #Kolommen 3).
Mijn artikelen hebben verschillende lengte. Joomla plaatst de artikelen per rij, waardoor de artikelen op de 2e rij beginnen onder het langste artikel van de 1e rij. Er ontstaan onder de kortere artikelen open ruimtes. Ik wil dat in elke kolom de artikelen direct onder elkaar komen.

In Joomla in het bewerkscherm van menu's is er de optie "Volgorde meerdere kolommen". Deze sorteert helaas alleen op de gekozen volgorde, het plaatsen gebeurt nog steeds per rij.

In de html-code is ook te zien dat de pagina per rij en niet per kolom wordt opgebouwd:
Code:
<div class="items-row cols-3 row-0 row-fluid">

Hoe kan ik dit oplossen ? (joomla 3.4.0, template Protostar).

Voorbeeld.
Tussen artikel A en D nu ruimte. Idem tussen C en F.

AAABBBBBCC
AAABBBBBCC
AAABBBBBCC
BBBBBCC
BBBBB
DDDEEEEEFF
Laatst bewerkt 20 mrt 2015 11:39 door pjotrb.
Discussie gesloten.
  • pjotrb
  • pjotrb's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 9

Ruimte tussen artikelen bij meerdere kolommen

20 mrt 2015 16:30
#2
Door gebruik te maken van introteksten en ongeveer op dezelfde hoogte in elk artikel een Lees meer neer te zetten.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37121

Ruimte tussen artikelen bij meerdere kolommen

20 mrt 2015 22:17
#3
Goedenavond Pjotr,


Ik was op google afbeeldingen aan het zoeken en kwam op dit plaatje:



Daar wordt uitleg naar Masonry gegeven op deze website .
Onderaan kom je op de uiteindelijke link van Masonry

Laat me wel even weten of het lukt en of dit goed te doen is. Succes!

Groeten Enriko

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Discussie gesloten.
  • Enriko
  • Enriko's berichtenfoto
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 8

Ruimte tussen artikelen bij meerdere kolommen

21 mrt 2015 16:53 - 21 mrt 2015 16:54
#4
Goedemiddag,

Je kunt jou probleem "gewoon" binnen de template oplossen en bootstrap gebruiken. Ik heb zelf even geen Protostar maar de onderstaande code moet werken. Op deze wijze blijft altijd de hoogtes gelijk.

Kijk hier voor het voorbeeld in op bootstrap:

Check_Hier

Voorbeeld opmaak van de index.php (vergelijk deze even met de protostar)
Code:
<div class="container-fluid"> <div class="row"> <div class="col-md-4 testje">Artikel tekst en het maakt niet uit hoeveel</div> <div class="col-md-4 testje1">Artikel tekst en het maakt niet uit hoeveel</div> <div class="col-md-4 testje 2">Artikel Tekst </div> </div> <!-- einde row --> </div> <!-- einde contaier -->

En dan CSS aanpassen:
Code:
.testje{ background-color:red; min-height: 10px; max-height: 100px; overflow:hidden; } .testje1{ background-color:yellow; min-height: 10px; max-height: 100px; overflow:hidden; } .testje2{ background-color:green; min-height: 10px; max-height: 100px; overflow:hidden; }

Ik hoop dat dit je een beetje op weg helpt.
Laatst bewerkt 21 mrt 2015 16:54 door esorone. Reden: URL aangepast
Discussie gesloten.
  • esorone
  • esorone's berichtenfoto
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 22

Ruimte tussen artikelen bij meerdere kolommen

23 mrt 2015 14:41 - 23 mrt 2015 14:43
#5
@Astrid: praktische oplossing. Maar ik wil mijn context niet laten afhangen van de layout.
@Enriko: ik vond joomla-modules met deze oplossing, maar daar moet voor worden betaald.
Ik ga eerst een de oplossing van Esorone proberen...
Laatst bewerkt 23 mrt 2015 14:43 door pjotrb.
Discussie gesloten.
  • pjotrb
  • pjotrb's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 9
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.092 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie