Support » CSS / opmaak vragen » Hoe kan ik de breedte van de TD auto aanpassen?

  • Opgelost yolandal

    (@yolandal)


    Hallo allemaal,

    Fijn dat dit forum bestaat!
    Ik weet best wel wat van CSS (en WordPress), maar na veel googlen kom ik toch niet de oplossingen tegen voor mijn wens.

    Ik gebruik namelijk regelmatig tabellen op mijn site (www.yory.nl), maar dan met weinig inhoud in de breedte.
    De code van de tabel heb ik helemaal leeg, dus <table><tr><td> enz.
    Ik heb gespeeld met de code table { table-layout: auto; } maar dat werkt niet zoals ik wil.

    Ik wil namelijk dat de cellen van de tabel aansluiten aan de max. breedte van de inhoud. (zie 2e plaatje verschoven met Photoshop)

    Hoe krijg ik dat voor elkaar?

    Hartelijk dank!

    [img]https://i.postimg.cc/m2SxcSJ3/Screenshot-2.jpg[/img]
    [img]https://i.postimg.cc/vHZG7B96/Screenshot-2a.jpg[/img]

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Lijkt alsof je naar padding zoekt. Dus padding-left en right toevoegen aan de tekst ?

    Op welke pagina kan ik zo’n tabel vinden ?

    Nee, padding houdt geen rekening met een min. wijdte.
    Maar zojuist heb ik de trick gevonden

    table {display: flex;}
    td { padding-right: 30px;}

    En dit werkt!

    Dank!

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)