Archief - html/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.
c

cuda

Legacy Member
hey
kijk , ik wil men tabel net in het midden zetten van de site
nu weet ik dat als ik align="center" doe deze in het midden komt
maar hoe zet ik deze verticaal in het midden
valign="center" lukt niet
kunnen jullie me helpen
P

PC_Freak

Legacy Member
Een tabel maken die de tabel omsluit.

Code: 
<html>
  <head>
  <title>Titel</title>
  </head>
  <body>
  <table cellspacing="0" cellpadding="0" border="0" height="100%" width="100%">
  <tr valign="center">
  <td align="center">
  
  <!-- hier kan je tabel komen -->
  
  </td>
  </tr>
  </table>
  </body>
 </html>
Ik weet niet of die attributen precies kloppen, maar in ieder geval is het een manier om iets in het midden te plaatsen.

Natuurlijk bestaat er ook nog CSS, maar daar ik me zelf nooit verdiept heb in hoe je zoiets gedaan krijgt moet ik je op dit vlak een antwoord schuldig blijven, hoewel CSS een betere oplossing is dan tables.

Owja, vergeten we natuurlijk ook niet de complete webmaster-gids.
B

Breen

Legacy Member
vervang die align="center" door:

style="align:center;vertical-align:middle;"

Dan is het ineens nog valid ook :)
|

|t3st

Legacy Member
PHP: 
<html>
<head>
<title>centeren</title>
</head>
<body>
<div style="width:100%;height:100%;align:center;vertical-align:middle;">
<!-- tabel da gecentreerd moe zijn (alsk me nie vergis word die dus gecentreerd)-->
</div>
</body>
</html>
normaal moe dees werken alhoewel ik nie zeker ben da height:100%; valid css is ofda het zelfs werkt, ma tist proberen waard

greetz Sluttie
b

b0bbY

Legacy Member
PC_Freak zei:
Natuurlijk bestaat er ook nog CSS, maar daar ik me zelf nooit verdiept heb in hoe je zoiets gedaan krijgt moet ik je op dit vlak een antwoord schuldig blijven, hoewel CSS een betere oplossing is dan tables.
Klik om te vergroten...

soms heb ik echt de indruk dat er mensen zijn die denken dat "tables" een opmaaktaal is ofzo :ironic: :unsure:

CSS en tables zijn geen alternatieven ofzo hé. Tables, een HTML tag notabene en niets meer dan dat, gebruik je om de content van je site in tabel vorm weer te geven, en allééén daarvoor! CSS gebruik je om je content te positioneren en op te maken; Dus ook bvb de tables die je gebruikt.

goede manier om tabel te centreren:

<body>
<div id="tablecontainer">
<table><tr><td></td></tr></table>
</div>
</body>

body {margin: 0px; padding: 0px;}

#tablecontainer {position: absolute;width:500px;left: 50%; margin-left: -250px;}

align en valign are depreciated btw

Een tabel maken die de tabel omsluit.
Klik om te vergroten...

dit moet denk ik de meest onverantwoorde manier zijn om een tabel te centreren...
P

PC_Freak

Legacy Member
Ik weet het, maar aangezien ik het opgegeven heb mensen om de 5min lastig te vallen over het feit dat ze CSS moeten leren en gebruiken en de meesten toch niet weten hoe ze CSS moeten plaatsen op hun site, gaf ik hier maar dan even de good old HTML methode, mede doordat ik zelf nog geen manier uitdiepte om hetzelfde effect met CSS te bekomen (ik heb het ook nog nooit nodig gehad, zo een gecentreerde tabel).

Nu we toch op weg zijn kunnen we meteen aanraden die binnenste tabel weg te gooien en te vervangen door een mooi hoopje CSS, maar of dat dan ook nut heeft... ik denk niet dat velen ineens al de table-tags op hun sites zullen weggooien.
b

b0bbY

Legacy Member
PC_Freak zei:
Nu we toch op weg zijn kunnen we meteen aanraden die binnenste tabel weg te gooien en te vervangen door een mooi hoopje CSS, maar of dat dan ook nut heeft... ik denk niet dat velen ineens al de table-tags op hun sites zullen weggooien.
Klik om te vergroten...

is ook helemaal niet nodig...alleen die table tags die gebruikt worden om de opmaak of de layout vd site te verzorgen moeten eruit....toegegeven dat zal ongeveer 99.99% van alle <table> tags zijn :rofl:

en er is trouwens nog geen alternatief voor tables zonder de <table> tag te gebruiken. display: table; zit wel in de CSS3.0 specificaties dacht ik...
P

PC_Freak

Legacy Member
Maar ondertussen heb ik er nog niks tegen dat men <table>-tags gebruikt voor de layout. Ok, het kan beter met CSS maar een <table>-tag is niet illegaal en werkt in alle browsers dus het kan nog steeds.

Hoewel, het zou beter zijn dat elke nieuwe site geen <table>-tags meer gebruikt voor zijn layout. We blijven dromen... ;)
W

WiCk3y

Legacy Member
Toevallig heb ik dit ook nodig ...

Maar nix van jullie opties werkt bij mij ??? doe ik et verkeerd of gaat da gewoon ni :confused:
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