Ondersteuning » Thema en CSS/opmaak » Plaatjes naast elkaar maar tekst niet eromheen

  • Hallo,

    Met “align=left” heb ik twee afbeeldingen naast elkaar gekregen halverwege deze pagina, maar de tekst (beginnend met ‘Maar Oswald…’) staat er nu als derde element naast en dat wil ik niet: die moet gewoon eronder.
    Wie kan me helpen?
    Bedankt alvast!

    Rutger

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Hoi Rutger,

    Ik zie dat je in je document een css regel hebt div.post-bodycopy p met daarin meerdere waarden. Als je hier float:left; aan toevoegt zal de tekst onder de afbeeldingen beginnen.

    Als je er niet uitkomt hoor ik het graag.

    Gr, Barry

    Thread starter RHCdG

    (@rhcdg)

    Hallo Barry,

    Wat mooi zeg, ik heb het toegevoegd aan het css-bestand (‘Edit CSS’ onder ‘Weergave’) en het werkt! Bedankt hoor!

    Groet,
    Rutger

    Mooi om te horen, ik zet het topic op opgelost 🙂

    Gr, Barry

    Thread starter RHCdG

    (@rhcdg)

    (Twee minuten later):

    Ai, nu heb ik een ander probleem: allerlei tekst die in de editor gescheiden is door witregels staat nu op dezelfde regel: ik bedoel de datering van de brieven op die pagina, er staat nu ‘Leiden, 19 dec 1983Beste Jan’ ipv:

    Leiden, 19 dec 1983

    Beste Jan,’

    Kan dit nog worden aangepast?

    Hoi Rutger,

    Even de regel

    div.post-bodycopy p {
    float: left;
    }

    veranderen naar

    div.post-bodycopy p {
    float: left;
    width: 100%;
    }

    Gr, Barry

    Thread starter RHCdG

    (@rhcdg)

    En ook dat werkt! Ik zet hem op opgelost. Bedankt en fijne zondag!
    Groet,
    Rutger

    Thread starter RHCdG

    (@rhcdg)

    Sorry Barry, maar ik moet hem toch weer terug op unresolved zetten. De code gooit op andere pagina’s teveel de opmaak door de war. Is er niet een minder globale oplossing, die ik voor alleen deze pagina kan gebruiken?
    Groet,
    Rutger

    Hoi Rutger,

    Dat is vervelend, hopelijk is de volgende code specifiek genoeg (is lastig in te schatten voor mij):

    .tag-brieven div.post-bodycopy p {
    float: left;
    width: 100%;
    }

    Gr, Barry

    En wellicht kan je aan het einde van de div.post-bodycopy en div met clear toevoegen.

    CSS

    .clear {
    clear: both;
    }

    DIV
    <div class="clear></div>

    Zodat alle floats gecleared worden voordat er door gerenderd wordt.

    Thread starter RHCdG

    (@rhcdg)

    Hallo Barry en Niels,

    Bedankt voor jullie reacties! Jammer genoeg zijn mijn CSS-vaardigheden beperkt. Bedoelen jullie dat ik die specifieke pagina een <div=”tag-brieven”> moet geven gevolgd door <div=”clear”>?

    Het probleem is dat wat ik in Edit CSS (onder Weergave) zet gevolgen heeft voor de opmaak van andere pagina’s. Als je deze pagina bv. bekijkt: die vette koppen bovenaan horen pas na de page anchors te komen, nu staan ze erboven door die float.
    Ook de <HR> onder de cursieve quote bovenaan staat er nu te dicht op, daar hoort enige ruimte tussen.
    Graag nog wat hulp!

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Het onderwerp ‘Plaatjes naast elkaar maar tekst niet eromheen’ is gesloten voor nieuwe reacties.