Al geprobeerd met de instelling “geen uitlijning”?
Jawel,maar het heeft geen invloed !!
Als ik de afbeeldingen onder elkaar plaats ,dan staan ze op de Frontend wel onder elkaar !!
Het is alleen als ik de images naast elkaar plaats in de editor dan staan ze in de Frontend onder elkaar ??
Moet ik misschien iets in de code veranderen ?!
Hebben jullie daar ook zo’n problemen mee ?
Hoe lossen jullie dit dan op ??
Groet Kapitein Zeppos
Hi Zeppos,
Je backend kent andere css-opmaak dan je voorkant. Je backend volgt de css van WordPress zelf, en je voorkant het css van je theme. Die is wezenlijk anders.
Als je je afbeeldingen naast elkaar wilt hebben, zul je ervoor moeten zorgen dan het formaat van de afbeeldingen dit toelaat. Stel de breedte van het vak waarin ze in moeten komen is 850px, dan red je het niet met twee afbeeldingen van 450px naast elkaar. en dan gaan ze onder elkaar staan.
Je kunt dit oplossen door de img een width van ongeveer 45% te geven, en de eerste een uitlijning naar links en de tweede uitlijning rechts.
Als je dit trucje vaak wilt uitvoeren, is het het meest handig je images een class te geven. Je doet dit in de teksteditor.
<img class="afbeelding-links" scr: .....>
<img class="afbeelding-rechts" scr: ....>
Vervolgens neem je in je styles.css van je thema op
.afbeelding-links, .afbeelding-rechts {
max-width: 45%;
height: auto;
}
.afbeelding-links {
float:left;
}
.afbeelding-rechts {
float:right;
}
groet,
Lianne
Beste Lianne ,
Eindelijk een heldere uitleg over het uitlijnen van afbeeldingen!
Dit ga ik zeker verder uitproberen!
Bedankt.
Groetjes ,
Kapitein Zeppos
Dag Lianne ,
Toch nog een vraag , een tijdje terug een site laten ontwikkelen voor ons bedrijf en wat er nu eigenaardig is dat er hier in de editor enkele(4) afbeeldingen onder elkaar staan , maar in de voorkant staan deze per twee naast elkaar ? Het kan dus ook omgedraaid in de achterkant de afbeeldingen onder elkaar en in de voorkant staan ze naast elkaar?
Hoe is dit dan opgezet ?!
Groeten,
Kapitein Zeppos
Zeppos,
Van deze afstand moeilijk te zeggen, maar ik vermoed dat de afbeeldingen zo groot zijn dat het editor scherm te smal is, en dat ze aan de voorkant dusdanige css hebben gekregen dat ze wel in de breedte van het hok waar ze in staan passen.
Je moet je niet blind staren op het editorscherm, internet is geen stukje papier in de typemachine waarop je tekst typt en plaatjes op plakt.
de in de site verwerkte css is alles bepalend! Maar ook trouwens welk formaat afbeeldingen je inlaadt.
groet,
Lianne
