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 Lijn om foto's aanbrengen

Lijn om foto's aanbrengen

17 dec 2015 08:01
#1
Hai,
Ik wil de layout van mijn website veranderen in die zin, dat ik om alle foto's een dunne lijn wil zetten. Maar ik heb natuurlijk geen zin om alle bestanden op de site een voor een na te lopen.
Kan iemand me vertellen hoe ik dat in één klap kan doen via CSS? En in welk bestand moet ik die code wijzigen?
Alvast bedankt!
Ik gebruik Joomla 3.4.6, PHP 5.3.10.
  • Yototoyoto
  • Yototoyoto's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 32

Lijn om foto's aanbrengen

17 dec 2015 09:01 - 17 dec 2015 09:15
#2
Hoi,

Let er op dat het handiger is dat je alle afbeeldingen die je een border wilt geven(omlijning), beter aan een class kan toevoegen. Als je nu alle afbeeldingen doet pak je mogelijk ook afbeeldingen mee waar je geen border omheen wilt.
Code:
img{ border-style: solid; border-width: 1px; }
Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden). Of gebruik de als je browser die heeft de standaard developertools, deze opent meestal na het indrukken van F12.
Groetjes, Julian.

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen via dit forum
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Juliank92
  • Juliank92's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 1722

Lijn om foto's aanbrengen

17 dec 2015 09:38
#3
Dag Julian - dank voor je snelle reactie. Maar je overschat mijn kennis. Hoe en waar kan ik 'alle afbeeldingen die ik een border wil geven' aan een class toevoegen? Dat klinkt alsof ik toch handmatig alles langs moet fietsen. En ik denk dat ik om alle afbeeldingen een lijn wil. (Ik kan altijd nog die enkele waar geen lijn om moet, handmatig wijzigen via JCE editor, toch?)
  • Yototoyoto
  • Yototoyoto's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 32

Lijn om foto's aanbrengen

17 dec 2015 09:50 - 17 dec 2015 09:50
#4
Handmatig is nooit handig. Maar wat Julian bedoelt is dat je de parent ("ouder") mee moet nemen in je definitie. Beetje afhankelijk van je template (en dat kan je dus verder nakijken met firebug), zou je voor alle foto's die in artikelen staan dit toe moeten voegen:
Code:
.item-page img { border: 1px solid red; }
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: 37572

Lijn om foto's aanbrengen

17 dec 2015 12:50 - 17 dec 2015 14:04
#5
ik heb dit veranderd in mijn template-blue.css. Maar het werkt niet…
Code ziet er nu zo uit:
Code:
img { border-style: solid; border-width: 1px; /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

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

Lijn om foto's aanbrengen

17 dec 2015 13:17
#6
Heb je een link naar je website?
Mogelijk is dat eenvoudiger je te adviseren wat je precies moet invullen.
Nu is het, zoals Astrid al schreef, wat lastig.
Tenzij je zelf met firebug de juiste informatie al hebt weten te vinden.
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11311

Lijn om foto's aanbrengen

17 dec 2015 13:29
#7
Natuurlijk, het is www.rozema-stamboom.nl

groet
  • Yototoyoto
  • Yototoyoto's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 32

Lijn om foto's aanbrengen

17 dec 2015 13:48 - 17 dec 2015 17:55
#8
Ik zie in je css-bestand (regel 50) nu dit staan:
Code:
img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; }
Dus als ik het zo bekijk heb je de aanpassing niet niet doorgevoerd
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11311

Lijn om foto's aanbrengen

17 dec 2015 14:05
#9
ha! wel doorgevoerd, maar vergeten een 0'tje te veranderen in een 1'tje ;-)
Dank! Over en sluiten maar!!!
  • Yototoyoto
  • Yototoyoto's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 32

Lijn om foto's aanbrengen

17 dec 2015 14:19
#10
Hallo,

Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.

Je kunt in de toekomst zelf na het terugkoppelen de topic sluiten door op de groene "Dit is de oplossing" knop te klikken.
Kijk ook hier even voor een volgende keer ;)
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.
  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13636
Moderators: JelleRomke
Tijd voor maken pagina: 0.705 seconden
Gemaakt door Kunena

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