Uitlijnen 2de kolom

  • Opgelost Andy

    (@ndschoot)


    9 jaren, 10 maanden geleden

    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)
  • Ruurd de Wind

    (@geoclaps)

    9 jaren, 10 maanden geleden

    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)

    9 jaren, 10 maanden geleden

    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!

    Ruurd de Wind

    (@geoclaps)

    9 jaren, 10 maanden geleden

    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)

    9 jaren, 10 maanden geleden

    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.

    Ruurd de Wind

    (@geoclaps)

    9 jaren, 10 maanden geleden

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

    Thread starter Andy

    (@ndschoot)

    9 jaren, 10 maanden geleden

    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.

    Ruurd de Wind

    (@geoclaps)

    9 jaren, 10 maanden geleden

    http://jsfiddle.net/8e23jr7a/6/

    Zoiets bedoel je?

    Thread starter Andy

    (@ndschoot)

    9 jaren, 10 maanden geleden

    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.