Foto's in artikelen

[riepama]

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.

[Jaydot]

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.