Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

tabel centreren met css

None
7 antwoorden
  • ik ben bezig met een website waarop een tabel moet komen staan met informatie er in.
    dit is mn eerste site waar ik css toepas dus is dat nog af en toe puzzelen.
    een image, text of de text in de tabel centreren lukt me wel.
    maar hoe kan ik de tabel zelf centreren?

    alvast bedankt!
  • Een div er omheen en die centreren. (?)
  • [quote:08af13ada0="SabineBos"]Een div er omheen en die centreren. (?)[/quote:08af13ada0]
    Ja inderdaad,
    Plaats de tabel gewoon tussen een <div class="center"> tag. In de style sheet definieren je dan wel eerst een 'class' zoals .center { text-align:center }.
  • @huismeester Deze methode werkt alleen in Internet Explorer en dan alleen als de versie lager is dan 6.0 [i:e601bb2004]of[/i:e601bb2004] als deze zich in quircks mode bevindt.

    Een tabel centreer je (horizontaal) zo:[code:1:e601bb2004]table{
    margin-left:auto;
    margin-right:auto;
    width:200px; /* niet zeker of deze nodig is */
    }[/code:1:e601bb2004]Wil je dat het ook werkt in oudere versies van IE dan centreer je de "tekst" van het omliggende element (bijvoorbeeld de body of een div) op deze manier:[code:1:e601bb2004]text-align:center;[/code:1:e601bb2004]Daarna zet je de tabel weer op normale tekst uitlijning zo:[code:1:e601bb2004]table{
    text-align:left; /* of justify */
    }[/code:1:e601bb2004]Succes ermee

    -termin8or
  • Bedankt voor de les weer wat geleerd Termin8or.
    Alleen de code die jij geef daar zet je bij width:200px;
    Is het niet beter om het zo te doen:

    [code:1:0da2073ed5]
    table
    {
    width : 50%;
    margin-left: auto;
    margin-right: auto;
    }



    [/code:1:0da2073ed5]

    Dus in procenten of zie ik dat verkeerd.
  • Dat maakt eigenlijk helemaal niet uit. Met % is de tabel felixibeler, maar wil je je data presenteren in een exact formaat is pixels handiger. Gewoon net wat uitkomt eigenlijk.

    -termin8or
  • Behalve het in CSS te doen kun je in de broncode voor en achtere de tabel center zetten dus:
    [code:1:258502bfe8]<CENTER>
    tabelcode…
    </CENTER>
    [/code:1:258502bfe8]

    maar ik d8 dat je bij Dreamweaver MX bij Properties hgewoon de table kan centreren

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.