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.

opgelost Foto's laten schalen met beeld

Foto's laten schalen met beeld

10 feb 2018 22:52
#1
Hallo,

ik heb van enkele foto's op de voorpagina van de website ( www.njoyz.nl ) buttons gemaakt.
Helaas schalen ze niet naar de juiste maat bij de mobiele versie, ze worden te smal maar behouden dezelfde hoogte.
Dit gebeurt alleen als ik mijn samsung horizontaal houd, als ik deze verticaal houd dan gaat het wel goed.

Hoe los ik dit op?
De buttons kleiner maken is niet echt een geschikte optie, daar ze bij de desktop weergave zo precies goed uitkomen.

Thanks!
Discussie gesloten.
  • Xaleah
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Foto's laten schalen met beeld

11 feb 2018 09:54 - 11 feb 2018 18:30
#2
Er ontbreekt een regel in de css van je template
Code:
img{ height: auto;}
Overigens is je originele afbeelding ook veel te groot (850px breed).
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.

Laatst bewerkt 11 feb 2018 18:30 door Astrid.
Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37121

Foto's laten schalen met beeld

11 feb 2018 13:23
#3
Bedankt, ik zal de foto's even aanpassen, alleen: Hoe kom ik precies in het CSS van mijn template?
Discussie gesloten.
  • Xaleah
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Foto's laten schalen met beeld

11 feb 2018 13:28
#4
ga naar extensies/templates/templates
klik op je template (gegevens en bestanden)
links zie je het mapje css. Open deze. Als je ook gebruik maakt van een custom.css ziet open deze dat en plaats de genoemde regels in het bestand.
Als die er niet is kun je dit bestand aan gaan maken.
Anders in je template.css plaatsen, maar dan loop je het risico dat je de wijziging kwijt bent bij een update van het template.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum		Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Foto's laten schalen met beeld

11 feb 2018 18:35 - 11 feb 2018 18:37
#5
Bedankt, ik heb de locatie van het CSS-bestand gevonden alleen heb ik kennelijk de code op de verkeerde plek gezet. Het Hornav menu stond vervolgens ineens verticaal ipv horizontaal dus deze heb ik weer verwijderd.

Dus nu de grote hamvraag: Waar precies moet ik de code plaatsen?

Ter illustratie, het stond hier:
Code:
/*----- End of Social Media ------*/ /*--Breadcrumb Divs--*/ #breadcrumb .module_padding { padding:0px; } /*--Main Content and Side Columns Divs--*/ #main { } img{ height: auto;} #sidecol_a, #sidecol_b { height:100%; } /*--Bottom Modules Divs--*/ #bottom_modules { } /*--Base Modules and footer Divs --*/

Het probleem met het schalen van de foto's op de webversie was hiermee opgelost, dus het is inderdaad het antwoord op mijn probleem, maar ik denk dus dat de locatie onjuist was.
Laatst bewerkt 11 feb 2018 18:37 door Xaleah.
Discussie gesloten.
  • Xaleah
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Foto's laten schalen met beeld

11 feb 2018 19:59
#6
Je kunt het dan beter onderaan zetten en er ontbreekt een . voor img
dus:
Code:
.img { height: auto; }
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum		Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Foto's laten schalen met beeld

11 feb 2018 21:40
#7
Helemaal onder het template, begrijp ik dat nou goed?
Discussie gesloten.
  • Xaleah
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Foto's laten schalen met beeld

12 feb 2018 09:41
#8
Als laatste in je custom.css inderdaad. Definities worden van boven naar beneden uitgevoerd, dus dat wat als laatste staat heeft voorrang.
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

Foto's laten schalen met beeld

12 feb 2018 14:05
#9
Bedankt, ik heb gedaan zoals aangegeven, hopelijk werkt het nu naar behoren, lijkt het in ieder geval wel op in mijn mobiele browser (als iemand nog zou willen kijken dan graag, gaat om de buttons Restaurant 'Njoyz en Catering 'Njoyz op de voorpagina).
Discussie gesloten.
  • Xaleah
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Foto's laten schalen met beeld

12 feb 2018 14:45
#10
Het ziet er prima uit.
Bedankt voor het terugkoppelen.
Ik heb de topic op "opgelost" gezet.
Groeten, Jelle
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum.		Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13590
Moderators: Peter, Juliank92, Jelle, Romke
Tijd voor maken pagina: 1.358 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