Ondersteuning » Thema en CSS/opmaak » Uitlijnen 2de kolom

  • Opgelost Andy

    (@ndschoot)


    Hallo,

    Ik wil bij de 2de kolom de zinnen exact onder elkaar uitlijnen. Nu verspringt het een beetje en dat wil ik niet. Ik maak liever geen gebruik van tabellen.

    Het gaat om de de 2de kolom bij betrekkingen en nevenactiviteiten op de volgende pagina.

    Als er iemand een oplossing voor me heeft dan hoor ik het graag.

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • http://jsfiddle.net/ruurd/k1b49j26/

    Ik heb hier een voorbeeld gemaakt van hoe het zou kunnen. Je gebruikt nu namelijk spaties en die lijnen never nooit niet gelijk uit. Je zult dus absolute waarden moeten gebruiken zoals een vaste breedte.

    Mocht je vragen hebben, stel ze dan gerust.

    Thread starter Andy

    (@ndschoot)

    Hoi,

    Het uitlijnen van de 2de kolom gaat idd goed. Nu heb ik wel dat de tekst van onderste 2 kolommen die nu direct aansluiten tegen tekst met betrekkingen, deze wil ik graag van elkaar gescheiden hebben. Wat zie ik hier over het hoofd?

    groet!

    Ja je dient nog wel de css aan te passen van style.css.

    Beide elementen moeten nog worden voorzien van een float: left zoals je ook in de jsfiddle kunt zien. Standaard heeft een div element namelijk een breedte van 100% dus ‘duwt’ hij de volgende div naar de volgende regel. Je dient het volgende aan je style.css toe te voegen:

    .first-col,
    .second-col { float: left; }
    .first-col { width: 120px; clear: both; }

    Thread starter Andy

    (@ndschoot)

    https://jsfiddle.net/ndschoot/8e23jr7a/

    Ik heb jou link bij jsfiddle wat aangepast en dan zie je gelijk mijn probleem. Ik heb de style aan de custom.css toegevoegd. Helaas geeft dat nog niet het gewenste resultaat.

    Je vroeg om de 2e kolom recht onder elkaar te zetten. Dat doet dit. Wat bedoel je dan precies?

    Thread starter Andy

    (@ndschoot)

    Dat klopt. Maar ik heb een opsomming “betrekkingen” en een opsomming “nevenactiviteiten”. En daar gaat het nu fout. Nevenactiviteiten hoort op regel 15 te staan zie link en met de css code staat deze nu achter regel 3 in de result venster van de link. En dat lukt me niet om dat nu goed voor elkaar te krijgen.

    Het uitlijnen van de 2de kolom is perfect! dank daarvoor. Nu moet ik dit nog opgelost krijgen.

    Thread starter Andy

    (@ndschoot)

    Precies! Bedankt voor je hulp Ruurd.

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Uitlijnen 2de kolom’ is gesloten voor nieuwe reacties.