Archief - CSS: tabel centreren

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
E

EyeBallz

Legacy Member
hi,
ik ben bezig aan een site, maar ik zit vast bij mijn tabel
het idee was dus om 1 tabel te maken en daar alle info in te gooien...
het probleem is nu om deze horizontaal op de pagina te centreren
vertikaal is al gelukt met een margin-left & -right
kheb al vanalles opgezocht, maar nog niks concreet gevonden
t

tepelklem

Legacy Member
EyeBallz zei:
hi,
ik ben bezig aan een site, maar ik zit vast bij mijn tabel
het idee was dus om 1 tabel te maken en daar alle info in te gooien...
het probleem is nu om deze horizontaal op de pagina te centreren
vertikaal is al gelukt met een margin-left & -right
kheb al vanalles opgezocht, maar nog niks concreet gevonden
Klik om te vergroten...

met dit staat je tabel in het center vanje pagina

<table border="1" width="100%" height="100%" align="center">
<tr><td>
<table border="1" align="center">
<tr><td>alles staat in het center van je pagina</td></tr>
</table>
</tr></td>
</table>
t

tepelklem

Legacy Member
ik denk dat je dan gewoon met align="left" , "center" , of "right" moet werken.
E

EyeBallz

Legacy Member
het gaat wel over horizontaal centreren...
hij is al vertikaal gecentreerd met die margin's
R

Radiance

Legacy Member
Links-rechts is nog altijd wat we horizontaal noemen :)
Om hem verticaal gecentreerd te krijgen ga je heel wat meer moeite hebben, maar het kan.

Zoek even in Google naar "dead center", en je vindt wel een voorbeeld, werk trouwens met div's voor uw layout, tabellen enkel gebruiken om effectief tabel gegevens weer te geven.
D

DarkBone

Legacy Member
______ = horizontaal

|
|
| = verticaal


Just to make things clear... ^_-
S

Smoerf

Legacy Member
In uw css:
Code: 
#site	{
     position:absolute;
     left: 50%; 
     top: 50%;
     width:600px; 
     height: 500px; 
     margin-top: -250px; /* de helft van uw hoogte nemen */
     margin-left: -300px; /* de helft van uw breedte nemen */


}

en dan in uw html gewoon
Code: 
<body>
<div id="site">
<table....
.....
.../table>
</div>
</body>
L

La Esterella

Legacy Member
waarom dat in godsnaam in css doen ? gewoon in je pagina <table align="center"> is toch veel korter...?!
R

RpR

Legacy Member
La Esterella zei:
waarom dat in godsnaam in css doen ? gewoon in je pagina <table align="center"> is toch veel korter...?!
Klik om te vergroten...
Afscheiding van opmaak/html/php.

En als je nu alle tabel items moet centreren (1000tabellen) dan kan je dit simpel met css terwijl jij altijd moet align=center moet toevoegen.

Er zijn zoveel redenen waarom dit in css te doen ipv puur html.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan