Skip to main content

Laatste nieuws

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.

opgelost 3 fotos naast elkaar in home pagina

3 fotos naast elkaar in home pagina

02 okt 2016 19:17
#1
Hierbij een moeilijke vraag,

Ik wil graag drie foto's naast elkaar op mijn website zetten ( over de volle breedte verdeeld), echter het geheel moet responsive zijn.

Via allerlei zoek methoden heb ik wel de tips gevonden om het via div en css te regelen maar dat krijg ik niet voor mekaar. het werk wel met left uitlijnen maar dan staan de foto's niet netjes in het midden van de site en is dan per beeldscherm niet representatief opgebouwd.

Wie weet een oplossing.

Het gaat om de home pagina gerda.deloopbaanprofessional.nl dit kan per dag verschillen omdat ik er mee bezig ben om de juiste oplossing te vinden.
  • gerijsma
  • gerijsma's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 14

3 fotos naast elkaar in home pagina

02 okt 2016 20:16
#2
Hier staat wel een voorzet
www.dummies.com/web-design-development/c...ag-to-create-tables/
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37439

3 fotos naast elkaar in home pagina

02 okt 2016 22:37
#3
Bedankt voor deze tip, echter ik heb de div tabel in mijn template gezet en de andere bestanden in de template.css gezet zonder verdere aanpassingen. Het wordt geen tabel zoals in het voorbeeld omschreven staat. Morgen ga ik er mee verder om het te testen, maar een tabel kun je die wel zo maken dat deze ook op een mobiel zichtbaar wordt, de foto's moeten dan gaan verschuiven omdat ze niet naast elkaar bekeken kunnen worden op het mobiele scherm.

Groetjes IJsbrand
  • gerijsma
  • gerijsma's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 14

3 fotos naast elkaar in home pagina

03 okt 2016 11:50
#4
Dit werkt ook wel en is minder werk. Zet alle drie je foto's in 1 div (#photos):
Code:
#photos { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } @media (max-width: 1000px) { #photos { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media (max-width: 800px) { #photos { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media (max-width: 400px) { #photos { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } }
Misschien nog even finetunen qua witruimte en mediaqueries.
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37439

3 fotos naast elkaar in home pagina

04 okt 2016 09:37
#5
Is. Het mogelijk om de uitleg van de div regel er even bij te zetten. Helaas lukt het me niet om de de eventuele uitleg te testen omdat ik plotseling opgenome ben in het ziekenhuis en daar een aantal dagen moet verblijven.
Groetjes IJsbrand
  • gerijsma
  • gerijsma's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 14

3 fotos naast elkaar in home pagina

08 okt 2016 16:05 - 08 okt 2016 19:06
#6
De div heb ik gemaakt zie onderstaand stukje , echter ik krijg de drie foto's niet gecentreerd het blijft vanaf links per foto uitlijnen zodat er aan de rechterkant veel ruimte onstaat en de fotos onderelkaar staan
Code:
<div class="#photos" </div> <div><img src="images/Staan-op-site/GerdaStasse-deloopbaanprofessional-ladder.jpg" width="340" height="255"></div> <div><img src="images/Staan-op-site/GerdaStasse-deloopbaanprofessional-ladder.jpg" width="340" height="255"></div> <div><img src="images/Staan-op-site/GerdaStasse-deloopbaanprofessional-ladder.jpg" width="340" height="255"></div> </div>

wie weet de oplossing??

Edit Jelle: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
  • gerijsma
  • gerijsma's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 14

3 fotos naast elkaar in home pagina

08 okt 2016 17:32 - 08 okt 2016 19:07
#7
Hieronder een oplossing voor mijn probleem:
dit staat op de site pagina
Code:
<layout-table> <layout-row> <div class="" align="center""</div> <layout-column><img src="images1.jpg" width="340" height="255"></layout-column> <layout-column><img src="images2.jpg" width="340" height="255"></layout-column> <layout-column><img src="images3.jpg" width="340" height="255"></layout-column> </layout-row> </layout-table>


Dit staat in de

Edit Jelle: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
  • gerijsma
  • gerijsma's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 14
Moderators: Jelle, Romke
Tijd voor maken pagina: 0.697 seconden
Gemaakt door Kunena

Laatste forumberichten

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