Skip to main content

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.

Te kleine responsive plaatjes

Te kleine responsive plaatjes

16 mei 2014 18:03
#1
Misschien kan iemand mij helpen...

Ik ben een soort van masonry aan het maken (met code in artikel).

Ik vraag mezelf nu af wat ik kan doen om te voorkomen dat plaatjes te klein worden geschaald.

Hier een afbeelding. De plaatjes worden gewoon zo klein dat de tekst die ik erbij wil hebben niet leesbaar meer is.




Mooiste zou zijn dat ik voor desktop 8 plaatjes naast elkaar heb, voor tablets 6 en voor portrait tablets 4 (zoiets).

Ik heb wat gespeeld met: min-width. Maar als ik dan naar beneden schaal komen de plaatjes uit het vak. Misschien iets van een scroll toevoegen (weet nog niet hoe).

Ik heb de plaatjes overigens in een tabel gezet en deze tabel weer in een blok met spanwijdte.

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

Discussie gesloten.
  • JustBe
  • JustBe's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Te kleine responsive plaatjes

16 mei 2014 18:06
#2
Tabel gaat in dit geval zeker niet werken. Zal je met divs moeten gaan werken om het aantal te kunnen beïnvloeden.
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: 37140

Te kleine responsive plaatjes

16 mei 2014 18:17
#3
Ik zat net te denken om allemaal div jes te maken met span1..

Dan plaatjes erin zetten met
Code:
<img src="..." class="img-polaroid">
(van Bootstrap 2 site)

Ik denk als de plaatjes dan groot genoeg zijn, dat het dan wel 'overstapeld'.


Bedoel je zoiets?

Dit heb ik nu staan (maar dan 2 keer):
Code:
<div class="row-fluid"> <div class="span6"> <table class="table hidden-smartphone"> <tbody> <tr> <td>&nbsp;</td> <td><img class="pull-center My_Masonry" src="images/Blog/Organen/Liver_Detox.png" alt="" width="100%" /></td> <td><img class="pull-center My_Masonry" src="images/Blog/Organen/Liver_Detox.png" alt="" width="100%" /></td> <td><img class="pull-center My_Masonry" src="images/Blog/Organen/Kidney_Detox.png" alt="" width="100%" /></td> <td><img class="pull-center My_Masonry" src="images/Blog/Organen/Bowel_Detox.png" alt="" width="100%" /></td> </tr> </tbody> </table> </div>
Discussie gesloten.
  • JustBe
  • JustBe's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Te kleine responsive plaatjes

17 mei 2014 07:52 - 17 mei 2014 07:54
#4
Ok. Div's dus (thx, Astrid).

Het simpelste zijn DIV's inbouwen met vierkante plaatjes en daaraan een float left toekennen.

Zie hier (met ook oplossing hoe een masonry te maken met verschillende grootte van plaatjes): masonry

Ik ga een nieuw draadje starten om dit met hulp van anderen in te bouwen.
Laatst bewerkt 17 mei 2014 07:54 door JustBe.
Discussie gesloten.
  • JustBe
  • JustBe's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155
Moderators: Peter, Juliank92, Jelle, Romke
Tijd voor maken pagina: 0.971 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