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.
opgelost Lijn om foto's aanbrengen
Lijn om foto's aanbrengen
17 dec 2015 08:01
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.
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
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 32
Lijn om foto's aanbrengen
17 dec 2015 09:01 - 17 dec 2015 09:15
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.
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.
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;
}
Groetjes, Julian. Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen via dit forum |
- Juliank92
- Algemeen Moderator
- Berichten: 1722
Lijn om foto's aanbrengen
17 dec 2015 09:38
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
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 32
Lijn om foto's aanbrengen
17 dec 2015 09:50 - 17 dec 2015 09:50
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
- Moderator + Technisch team
- Berichten: 37572
Lijn om foto's aanbrengen
17 dec 2015 12:50 - 17 dec 2015 14:04
ik heb dit veranderd in mijn template-blue.css. Maar het werkt niet…
Code ziet er nu zo uit:
Edit Jelle: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
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
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 32
Lijn om foto's aanbrengen
17 dec 2015 13:17
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.
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
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum. |
- WoodyF4u
- Moderator + Nieuwsteam
- Berichten: 11311
- Yototoyoto
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 32
Lijn om foto's aanbrengen
17 dec 2015 13:48 - 17 dec 2015 17:55
Ik zie in je css-bestand (regel 50) nu dit staan:
Dus als ik het zo bekijk heb je de aanpassing niet niet doorgevoerd
Code:
img {
border: 0 none;
height: auto;
max-width: 100%;
vertical-align: middle;
}
Met vriendelijke groet,
Wouter Compactweb.nl
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum. |
- WoodyF4u
- Moderator + Nieuwsteam
- Berichten: 11311
Lijn om foto's aanbrengen
17 dec 2015 14:05
ha! wel doorgevoerd, maar vergeten een 0'tje te veranderen in een 1'tje
Dank! Over en sluiten maar!!!
Dank! Over en sluiten maar!!!
- Yototoyoto
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 32
Lijn om foto's aanbrengen
17 dec 2015 14:19
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
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
- Algemeen Moderator
- Berichten: 13636
Tijd voor maken pagina: 0.705 seconden