Foto's in artikelen

Moderator: pe7er

Forum rules
Forum Regels
Post Reply
riepama
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Fri Feb 09, 2018 11:50 pm

Foto's in artikelen

Post by riepama » Sat Feb 10, 2018 12:09 am

Hoe kan ik een kleinere foto in een artikel plaatsen en dan de tekst om het kader heen schrijven? Standaard gaat dat niet en ik kan niet vinden waar dat ingesteld kan worden. Ik gebruik de standaard Joomla editor en een free download van JCE.

User avatar
Jaydot
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 194
Joined: Sun Jun 04, 2017 12:11 pm
Location: The Netherlands
Contact:

Re: Foto's in artikelen

Post by Jaydot » Mon Sep 17, 2018 12:15 pm

Tekst netjes om een foto heen laten lopen is een kwestie van een paar CSS regels toevoegen aan je custom.css bestand (welk bestand dat is, is afhankelijk van het template dat je gebruikt).
Bereid de foto voor in je foto-bewerkingsprogramma, met ongeveer de afmeting die je wilt. Voeg de foto in in je tekst editor en voeg er een class aan toe (bv "kleinplaatje").
De CSS wordt dan zoiets:

Code: Select all

.kleinplaatje {
    width: 50%;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    }
Als je het helemaal goed wilt doen, moet de foto op een klein scherm zoals een telefoon boven de tekst komen, daarvoor moet er een media query aan de CSS toegevoegd worden, waarin je de width op 100% zet, de float op "none" en de rechtermarge op 0.
The fact that an opinion is widely held is no evidence whatsoever that it is not utterly absurd.
Personal website: https://jaydot.nl


Post Reply

Return to “Algemene vragen”