Ondersteuning » Algemeen WordPress » Uitlijnen van afbeeldingen in de standaard Tiny MCE editor

  • Hallo ,

    Ik wil het toch nog even hebben over het uitlijnen van images , als ik in de Wysiwyg editor 2 afbeeldingen naast elkaar heb staan, en ik ga daarna naar de website kijken dan staan de afbeeldingen onder elkaar ?!

    Hoe kan ik dit nu het beste oplossen voor eens en altijd om de afbeeldingen in de Frontend ook naast elkaar te krijgen ??

    Wat ik zie in de Backend zie ik niet in de Frontend ??

    Alvast bedank

    Groeten ,

    Kapitein Zeppos

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Al geprobeerd met de instelling “geen uitlijning”?

    Thread starter Kapitein Zeppos

    (@kapitein-zeppos)

    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

    Thread starter Kapitein Zeppos

    (@kapitein-zeppos)

    Beste Lianne ,

    Eindelijk een heldere uitleg over het uitlijnen van afbeeldingen!

    Dit ga ik zeker verder uitproberen!

    Bedankt.

    Groetjes ,
    Kapitein Zeppos

    Thread starter Kapitein Zeppos

    (@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

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘Uitlijnen van afbeeldingen in de standaard Tiny MCE editor’ is gesloten voor nieuwe reacties.