Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 3.X die je gebruikt
- De volledige url van je website indien mogelijk.
- 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
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:
Hoe kan ik dit oplossen ? (joomla 3.4.0, template Protostar).
Voorbeeld.
Tussen artikel A en D nu ruimte. Idem tussen C en F.
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.
AAA | BBBBB | CC |
AAA | BBBBB | CC |
AAA | BBBBB | CC |
BBBBB | CC | |
BBBBB | ||
DDD | EEEEE | FF |
- pjotrb
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 9
Ruimte tussen artikelen bij meerdere kolommen
20 mrt 2015 16:30
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. |
- Astrid
- Moderator + Technisch team
- Berichten: 37556
Ruimte tussen artikelen bij meerdere kolommen
20 mrt 2015 22:17
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
Ik was op google afbeeldingen aan het zoeken en kwam op dit plaatje:
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
Login of registreer om deze te zien.
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
- Enriko
- Nieuw op Joomla!NL
- Berichten: 8
Ruimte tussen artikelen bij meerdere kolommen
21 mrt 2015 16:53 - 21 mrt 2015 16:54
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)
En dan CSS aanpassen:
Ik hoop dat dit je een beetje op weg helpt.
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.
- esorone
- Joomla!NL ontdekker
- Berichten: 22
Ruimte tussen artikelen bij meerdere kolommen
23 mrt 2015 14:41 - 23 mrt 2015 14:43
@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...
@Enriko: ik vond joomla-modules met deze oplossing, maar daar moet voor worden betaald.
Ik ga eerst een de oplossing van Esorone proberen...
- pjotrb
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 9
Tijd voor maken pagina: 0.678 seconden