Website centreren - Softwareontwikkeling

maandag 19 maart 2007 16:05

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Beste allen,

Simpele vraag waarschijnlijk maar ik kom er echt niet uit, heb gezocht op google e.d. maar kan mij ook niet zo 123 een antwoord geven.

Wat ik wil is mijn website centreren. Ik neem een tabel die ik een vaste waarde wil geven van afmeting en die moet in het midden van het scherm komen.

Deze code, nu staat hij wel in het midden horizontaal maar ik krijg deze niet verticaal gecentreerd.

HTML:

<body>
<div align="center">
  <table width="846" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
      <td width="846" height="373">&nbsp;</td>
    </tr>
  </table>
</div>
</body>
</html>

Alvast bedankt!

maandag 19 maart 2007 16:06

Acties:

0 Henk 'm!

Justice

http://css-discuss.incutio.com/?page=CenteringBlockElement
Kijk eens onderaan de pagina.

[ Voor 21% gewijzigd door Justice op 19-03-2007 16:06 ]

Human Bobby

maandag 19 maart 2007 16:07

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Pas je topicstart even aan en plaats je code tussen [code=html][/] tags, dat maakt het iets leesbaarder

Overigens zijn er genoeg tutorials waarin vermeld staat hoe je elementen centreert (zowel horizontaal als verticaal) met HTML + CSS. Waar kwam jij niet uit?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 19 maart 2007 16:09

Acties:

0 Henk 'm!

MichelvW

valign="middle"

maandag 19 maart 2007 16:11

Acties:

0 Henk 'm!

Mei

Tables

Ik neem aan dat die tabel niet is om wat getalletjes netjes weer te geven? Als die daar inderdaad neit voor is, gelijk wegooien die hap en met CSS gaan positioneren. Is tien keer makkelijker en beter. Toegegeven, je moet het even leren, maar als je dat gedaan heb, dan maak je sneller betere en lichtere pagina's dan met tables

Om het verhaal van mijn voorganger even samen te vatten: Met margin:auto; kan je een block-level element centreren. In feite geeft dit hetzelfde effect als margin; 0 auto;, omdat auto verticaal gezien niets centreert.

maandag 19 maart 2007 16:12

Acties:

0 Henk 'm!

ADT_Phantom

vervang <div align="center"></div> door <center></center>
Ik zeg het je deze keer, maar dit kan je ook wel via google vinden.

maandag 19 maart 2007 16:12

Acties:

0 Henk 'm!

Snake

Los Angeles, CA, USA

MichelvW schreef op maandag 19 maart 2007 @ 16:09:
valign="middle"

Kletsen moest je krijgen, dat wordt al heel lang niet meer gebruikt!

Je doet het zo:

left = 50%
top = 50%

Margin left = - (breedte van je site) / 2
Margin top = -(hoogte van je site) / 2

ADT_Phantom schreef op maandag 19 maart 2007 @ 16:12:
vervang
HTML:
1
<div align="center"></div>
door
HTML:
1
<center></center>
Ik zeg het je deze keer, maar dit kan je ook wel via google vinden.

Brrrr, ik krijg er serieus koude rillingen van...

HTML:

1	<div align="center"> </div>

wordt al veel meer gebruikt als

HTML:

1	<center></center>

Aloewel dit beter is:

HTML:

1
2
3

<style type="text/css"> .center { text-align: center; } </style>
...
<div class="center">text</div>

Ben je XHTML1.1 conform (dat is nu eenmaal wat ik gebruik)

[ Voor 49% gewijzigd door Snake op 19-03-2007 16:26 ]

Going for adventure, lots of sun and a convertible! | GMT-8

maandag 19 maart 2007 16:15

Acties:

0 Henk 'm!

Justice

ADT_Phantom schreef op maandag 19 maart 2007 @ 16:12:
vervang <div align="center"></div> door <center></center>
Ik zeg het je deze keer, maar dit kan je ook wel via google vinden.

The center element was deprecated in HTML 4.01. The center element is not supported in XHTML 1.0 Strict DT
http://www.w3.org/TR/html401/ of [google=center tag]

Jouw oplossing is dus al 7 jaar helaas niet meer gewenst.

Het goede antwoord is al in de eerste post gegeven mensen.

[ Voor 8% gewijzigd door Justice op 19-03-2007 16:17 ]

Human Bobby

maandag 19 maart 2007 16:15

Acties:

0 Henk 'm!

Mint

MichelvW schreef op maandag 19 maart 2007 @ 16:09:
valign="middle"

Daar centreer je dan toch alleen de tekst mee?

Ik zou zeggen

Cascading Stylesheet:

body
     {
     align: center;
     }

Of iets in die richting

maandag 19 maart 2007 16:16

Acties:

0 Henk 'm!

Zygivt

Evenaren en overtreffen

Snakiej schreef op maandag 19 maart 2007 @ 16:12:
Kletsen moest je krijgen, dat wordt al heel lang niet meer gebruikt!

offtopic:
L0ol

maandag 19 maart 2007 16:18

Acties:

0 Henk 'm!

disjfa

be

Snakiej schreef op maandag 19 maart 2007 @ 16:12:
[...]
Margin top = 50%
Margin left = 50%

Margin right = - (breedte van je site) / 2
Margin bottom = -(hoogte van je site) / 2

En als je dan een schermresolutie hebt die minder is dat de breedte van je container ben je ineens half je site kwijt. Nee dat is lekker handig

disjfa - disj·fa (meneer)
disjfa.nl

maandag 19 maart 2007 16:19

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Bedankt voor de snelle reacties, vele wegen die we kunnen bewandelen...

Lastig wat ik nu zal gaan gebruiken, voor de duidelijkheid, Als ik met CSS ga werken dan pas ik die dus toe op de tabel die ik nu gemaakt heb?

maandag 19 maart 2007 16:21

Acties:

0 Henk 'm!

Mint

Verwijderd schreef op maandag 19 maart 2007 @ 16:19:
Bedankt voor de snelle reacties, vele wegen die we kunnen bewandelen...

Lastig wat ik nu zal gaan gebruiken, voor de duidelijkheid, Als ik met CSS ga werken dan pas ik die dus toe op de tabel die ik nu gemaakt heb?

Ja, maar dat had je ook met google kunnen vinden

maandag 19 maart 2007 16:22

Acties:

0 Henk 'm!

Snake

Los Angeles, CA, USA

Verwijderd schreef op maandag 19 maart 2007 @ 16:19:
Bedankt voor de snelle reacties, vele wegen die we kunnen bewandelen...

Lastig wat ik nu zal gaan gebruiken, voor de duidelijkheid, Als ik met CSS ga werken dan pas ik die dus toe op de tabel die ik nu gemaakt heb?

Je maakt een container html-container:

HTML:

1	<div id="container"></div>

Dan maak je ook nog een stylesheet:

Cascading Stylesheet:

/* let op het #je, dat staat voor id, een . voor klasse */
#container
{
   /* hier je css */
}

Maar nu wordt het wel heel erg basic eigelijk.

Going for adventure, lots of sun and a convertible! | GMT-8

maandag 19 maart 2007 16:29

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Zoals iedereen hierboven al vermeld... Ik had gehoopt dat je zelf tot een oplossing zou komen. simpelweg wachten op een oplossing vanuit de community is niet echt de gedachte achter een community

Dicht dus

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.