layout in midden zetten van de pagina...hoe??

Status
Niet open voor verdere reacties.
Ik zie hem hier gewoon in het midden :(

Je hebt aan de tabel immers de margin-left & right op auto gezet.
Je zou dit
HTML:
<table style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;">
Nog kunnen wijzigen in
HTML:
<table style="width: 800px; text-align: left; margin: 0 auto;">
 
Simpel,
vervang je doctype.

Gebruik deze:
HTML:
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

:cool:
 
In mijn editor wel,
upload even een testpagina met het gegeven doctype.

:cool:

Bedoel je dit

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Charmed -- Home &copy;Alyssa Vos</title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(239, 239, 239);"
 oncontextmenu="return false" ondragstart="return false"
 onselectstart="return false" alink="#c0c0c0"
 link="#c0c0c0" vlink="#c0c0c0">
<table style="margin: 0pt auto; width: 800px; text-align: left;">
  <tbody>
    <tr>
      <td
 style="text-align: center; background-color: rgb(192, 192, 192);"
 colspan="2">
      <div style="text-align: right;"><img
 style="width: 838px; height: 406px;" alt=""
 src="layout.jpg"><br>
      </div>
      <div style="text-align: center;"><a
 href="home.html"><img
 style="border: 0px solid ; width: 90px; height: 35px;" alt=""
 src="hometeken.jpg"></a> &nbsp;<a
 href="charmed.html"><img
 style="border: 0px solid ; width: 156px; height: 35px;" alt=""
 src="charmedteken.jpg"></a><a href="cast.html"><img
 style="border: 0px solid ; width: 85px; height: 35px;" alt=""
 src="castteken.jpg"></a><span
 style="text-decoration: underline;"><span
 style="color: rgb(192, 192, 192);"></span><a
 href="extra.html"><img
 style="border: 0px solid ; width: 96px; height: 35px;" alt=""
 src="extrateken.jpg"></a> <span
 style="color: rgb(153, 153, 153);"></span></span></div>
      </td>
    </tr>
    <tr>
      <td style="width: 200px; background-color: rgb(255, 255, 255);"><span
 style="font-family: Century Gothic;">Updates; </span>
      <marquee scrolldelay="100" width="800" loop="1"
 behavior="slide"> Voorpagina is af </marquee>
      <em class="examplecode"></em><em
 class="examplecode"></em> </td>
    </tr>
    <tr>
      <td colspan="2"><br>
      </td>
    </tr>
    <tr>
      <td colspan="2"
 style="background-color: rgb(255, 255, 255); text-align: center;"><span
 style="font-family: Century Gothic;"><span
 style="font-weight: bold;">Welkom op deze Charmed-site.</span><br>
      <br>
Hier zal je informatie krijgen over de Charmed-serie en de personages. <br>
Ook zijn er foto's, wallpapers, scripts, video's enzovoort. <br>
Voel je vrij om je te laten betoveren.<br>
      </span></td>
    </tr>
    <tr>
      <td colspan="2"></td>
    </tr>
    <tr>
      <td colspan="2"
 style="background-color: rgb(240, 240, 240);"><br>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>



[Moderator-Edit] Html-tags toegevoegd. [/Edit]
.
 
Laatst bewerkt door een moderator:
Je eerste regels moeten DIT
zijn

HTML:
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

Dus niet:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Charmed -- Home &copy;Alyssa Vos</title>
</head>

maar:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Charmed -- Home &copy;Alyssa Vos</title>
</head>


:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan