afstand tussen tekst en een tekstblok

  • Pouwel

    (@pouwel)


    8 jaren, 10 maanden geleden

    Ik heb op pagina’s soms een tekstblok om stukken tekst te benadrukken. Gebruik hiervoor <div style=” . Aan de binnenkant van het blok kan ik de afstand van de tekst tot de rand bepalen met padding. Maar hoe kan ik dat aan de buitenkant doen met de tekst van de pagina die om het blok loopt.

1 reactie aan het bekijken (van in totaal 1)
  • Moderator Richard van Denderen

    (@rdd)

    8 jaren, 10 maanden geleden

    Padding is voor witruimte binnen een blok, margin is voor er buiten.

    margin: 10px 15px 20px 25px;
    zou 10 pixels boven, 15 pixels rechts, 20 pixels onder en 25 pixels aan de linkerzijde zijn.

    Als je vaak dezelfde hoeveelheid ruimte bij een blok gebruikt kan het handig zijn om er een CSS class van te maken. Dan kan je namelijk de opmaak van al deze blokken gelijk houden en op 1 plek aanpassen in plaats van ieder bericht bij te werken.

    css class:

    .cssvoorbeeld{
    margin: 10px:
    padding: 10px;
}

    html:

    <div class="cssvoorbeeld">Heeft de opmaak dat in de class staat</div>

    De meest eenvoudige manier om CSS toe te voegen aan WordPress is doormiddel van de Custom CSS functionaliteit van de Jetpack plugin. Die plugin en informatie over de CSS functie kan je hier vinden: http://jetpack.me/support/custom-css/

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘afstand tussen tekst en een tekstblok’ is gesloten voor nieuwe reacties.

Tags