Krijg tabel niet naar links

Status
Niet open voor verdere reacties.

pilot30

Gebruiker
Lid geworden
21 mei 2007
Berichten
112
Hallo, ik ben een website aan het bouwen maar stuit op een vervelend geval. n.l ik heb de site 800px breed gemaakt en heb daar ook een tabel in gemaakt. Echter staat deze op 50px van de linkerkant van de site en bij de preview in de browser wijkt het dus uit naar rechts en kan hem niet verplaatsen. Er zal wel wat veranderd moeten worden in de code maar mijn kennis is daar nog niet toereikend voor. Ik heb de betreffende code hirbij bijgepost.

HTML:
<table width="800" border="0" align="left">
  <tr>
    <th scope="col"><span class="stijl12">Welkom op de familiesite</span></th>
  </tr>
</table>
 <p>&nbsp;</p>
<table width="800" border="0">
<tr>
    <th width="241" height="234" scope="col"><img src="webgegevens/ten Hese 1629_Formaat wijzigen.jpg" width="249" height="206" border="1" /></th>
    <th width="297" scope="col"><div align="center">
      <p>Hier is het allemaal begonnen met de <br />
        familie &quot;van Hese&quot;</p>
      <p>Deze hoeve &quot;Het prachthof&quot;staat in Waasmunster. Rechts is er al heel wat aan verbouwd en wordt nog steeds bewoond. In 1999 waren we te gast bij Walter en Henriëtte Vanhese en zitten hiet in de tuin van Goed ten Hese</p>
    </div></th>
    <th width="248" scope="col"><a href=" " target=" "><img src="webgegevens/ten Hese 1972_Formaat wijzigen.jpg" width="249" height="206" border="1" /></a></th>
  </tr>



Moderator-[Edit] Html-tag geplaatst. [/Edit]
.
 
Laatst bewerkt door een moderator:
Code:
<style type="text/css" media="screen">
 body
{
background-image: url(start-strps.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}
#wrapper
{
width:800px;
margin:auto;
}
</style>

</head>

<body >
<div id="wrapper">
<table width="800" border="0" align="left">
<tr>
<th scope="col"><span class="stijl12">Welkom op de familiesite</span></th>
</tr>
</table>
<p>&nbsp;</p>
<table width="800" border="0">
<tr>
<th width="241" height="234" scope="col"><img src="webgegevens/ten Hese 1629_Formaat wijzigen.jpg" width="249" height="206" border="1" /></th>
<th width="297" scope="col"><div align="center">
<p>Hier is het allemaal begonnen met de <br />
familie &quot;van Hese&quot;</p>
<p>Deze hoeve &quot;Het prachthof&quot;staat in Waasmunster. Rechts is er al heel wat aan verbouwd en wordt nog steeds bewoond. In 1999 waren we te gast bij Walter en Henriëtte Vanhese en zitten hiet in de tuin van Goed ten Hese</p>
</div></th>
<th width="248" scope="col"><a href=" " target=" "><img src="webgegevens/ten Hese 1972_Formaat wijzigen.jpg" width="249" height="206" border="1" /></a></th>
</tr>
</table>

</div></body>

hier
#wrapper
{
width:800px;
margin:auto;
}

gaat het om.
En dan zet je de div
<div id="wrapper">
in je pagina.

:cool:
 
Dank voor zover, maar ik krijg het niet voor elkaar. Ik zet de gehele code hier onder, dat is misschien wel iets makkelijker voor je om aan te geven waar ik die veranderingen moet zetten. Bij voorbaat dank.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>

<style type="text/css">
<!--
body {
background-color: #EFEFDC;
color: #009999;
}
.stijl1 {
font-size: 24px;
font-weight: bold;
}
#apDiv1 {
position:absolute;
width:800px;
height:81px;
background-color:#CCCCFF;
layer-background-color:#CCCCFF;
border:1px none #000000;
z-index:1;
left: 10px;
}
#apDiv2 {
position:absolute;
width:800px;
height:29px;
background-color:#CCCCFF;
layer-background-color:#CCCCFF;
border:1px none #000000;
z-index:2;
left: 10px;
top: 96px;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.stijl12 {font-size: 24px}
-->
</style>
</head>

<body>

<div id="apDiv1"><img src="banner.gif" alt="" width="800" height="80" /></div>
<blockquote>
<div align="left"></div>
<h1 align="left" class="stijl1"><br />
</h1>
<div id="apDiv2">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="index.html">Home</a> </div>
</li>
<li>
<div align="center"><a href="genealogie.html" class="MenuBarItemSubmenu">Genealogie</a>
<ul>
<li><a href="genvanhese.html" class="MenuBarItemSubmenu">Van Hese</a>
<ul>
<li><a href="hesestamboom.html">Stamboom</a></li>
</ul>
</li>
<li><a href="genvanbelois.html" class="MenuBarItemSubmenu">van Belois</a>
<ul>
<li><a href="beloisstamboom.html">Stamboom</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li>
<div align="center"><a class="MenuBarItemSubmenu" href="documenten.html">Documenten</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="docvanhese.html">van Hese</a>
<ul>
<li><a href="hesegeb.html">Geb. akten</a></li>
<li><a href="hesehuw.html">Huw. akten</a></li>
<li><a href="heseoverl.html">Overl. akten</a></li>
</ul>
</li>
<li><a href="docvanbelois.html" class="MenuBarItemSubmenu">van Belois</a>
<ul>
<li><a href="beloisgeb.html">Geb. akten</a></li>
<li><a href="beloishuw.html">Huw. akten</a></li>
<li><a href="beloisoverl.html">Overl. akten</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="#" class="MenuBarItemSubmenu">Fotoalbum</a>
<ul>
<li><a href="hesefoto.html">van Hese</a></li>
<li><a href="beloisfoto.html">van Belois</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="links.html">Links</a></div>
</li>
<li>
<div align="center"><a href="contact.html">Contact</a></div>
</li>
<li><a href="gastenboek.html">Gastenboek</a></li>
<li><a href="nieuws.html" class="MenuBarItemSubmenu">Nieuws </a>
<ul>
<li><a href="hesenews.html">van Hese </a></li>
<li><a href="beloisnews.html">van Belois </a></li>
</ul>
</li>
</ul>
<div align="center"></div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="800" border="0" align="left">
<tr>
<th scope="col"><span class="stijl12">Welkom op de familiesite</span></th>
</tr>
</table>
<p>&nbsp;</p>
<table width="800" border="0">
<tr>
<th width="241" height="234" scope="col"><img src="webgegevens/ten Hese 1629_Formaat wijzigen.jpg" width="249" height="206" border="1" /></th>
<th width="297" scope="col"><div align="center">
<p>Hier is het allemaal begonnen met de <br />
familie &quot;van Hese&quot;</p>
<p>Deze hoeve &quot;Het prachthof&quot;staat in Waasmunster. Rechts is er al heel wat aan verbouwd en wordt nog steeds bewoond. In 1999 waren we te gast bij Walter en Henriëtte Vanhese en zitten hiet in de tuin van Goed ten Hese</p>
</div></th>
<th width="248" scope="col"><a href=" " target=" "><img src="webgegevens/ten Hese 1972_Formaat wijzigen.jpg" width="249" height="206" border="1" /></a></th>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp; </p>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
 
Je externe codes heb ik niet, maar:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>

<style type="text/css">
<!--
body {
background-color: #EFEFDC;
color: #009999;
}
.stijl1 {
font-size: 24px;
font-weight: bold;
}
#apDiv1 {
position: relative;
width:800px;
height:81px;
background-color:#CCCCFF;
layer-background-color:#CCCCFF;
border:10px solid #000000;
z-index:1;
left: 10px;
}
#apDiv2 {
position: relative;
width:800px;
height:29px;
background-color:#CCCCFF;
layer-background-color:#CCCCFF;
border:10px solid #00ff00;
z-index:2;
left: 10px;
top: 96px;
}
#wrapper
{
width:800px;
margin:auto;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.stijl12 {font-size: 24px}
-->
</style>
</head>

<body>
<div id="wrapper">

<div id="apDiv1"><img src="banner.gif" alt="" width="800" height="80" /></div>
<!-- <blockquote> -->
<div align="left"></div>
<h1 align="left" class="stijl1"><br />
</h1>
<div id="apDiv2">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="index.html">Home</a> </div>
</li>
<li>
<div align="center"><a href="genealogie.html" class="MenuBarItemSubmenu">Genealogie</a>
<ul>
<li><a href="genvanhese.html" class="MenuBarItemSubmenu">Van Hese</a>
<ul>
<li><a href="hesestamboom.html">Stamboom</a></li>
</ul>
</li>
<li><a href="genvanbelois.html" class="MenuBarItemSubmenu">van Belois</a>
<ul>
<li><a href="beloisstamboom.html">Stamboom</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li>
<div align="center"><a class="MenuBarItemSubmenu" href="documenten.html">Documenten</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="docvanhese.html">van Hese</a>
<ul>
<li><a href="hesegeb.html">Geb. akten</a></li>
<li><a href="hesehuw.html">Huw. akten</a></li>
<li><a href="heseoverl.html">Overl. akten</a></li>
</ul>
</li>
<li><a href="docvanbelois.html" class="MenuBarItemSubmenu">van Belois</a>
<ul>
<li><a href="beloisgeb.html">Geb. akten</a></li>
<li><a href="beloishuw.html">Huw. akten</a></li>
<li><a href="beloisoverl.html">Overl. akten</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="#" class="MenuBarItemSubmenu">Fotoalbum</a>
<ul>
<li><a href="hesefoto.html">van Hese</a></li>
<li><a href="beloisfoto.html">van Belois</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="links.html">Links</a></div>
</li>
<li>
<div align="center"><a href="contact.html">Contact</a></div>
</li>
<li><a href="gastenboek.html">Gastenboek</a></li>
<li><a href="nieuws.html" class="MenuBarItemSubmenu">Nieuws </a>
<ul>
<li><a href="hesenews.html">van Hese </a></li>
<li><a href="beloisnews.html">van Belois </a></li>
</ul>
</li>
</ul>
<div align="center"></div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

<table style="width: 800px; border: 1px solid #8000ff; text-align:left;">
<tr>
<th scope="col"><span class="stijl12">Welkom op de familiesite</span></th>
</tr>
</table>
<p>&nbsp;</p>
<table style="width: 800px; border: 1px solid #ff8040; text-align:left;">
<tr>
<th width="241" height="234" scope="col"><img src="webgegevens/ten Hese 1629_Formaat wijzigen.jpg" width="249" height="206" border="1" alt="pl" /></th>
<th width="297" scope="col"><div align="center">
<p>Hier is het allemaal begonnen met de <br />
familie &quot;van Hese&quot;</p>
<p>Deze hoeve &quot;Het prachthof&quot;staat in Waasmunster. Rechts is er al heel wat aan verbouwd en wordt nog steeds bewoond. In 1999 waren we te gast bij Walter en Henriëtte Vanhese en zitten hiet in de tuin van Goed ten Hese</p>
</div></th>
<th width="248" scope="col"><a href=" " target="new "><img src="webgegevens/ten Hese 1972_Formaat wijzigen.jpg" width="249" height="206" border="1" alt="pl" /></a></th>
</tr>
</table>

<p>&nbsp;</p>
<p>&nbsp; </p>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script><br />
<br />
<br />

Toegevoegd:<br />

<table border="1">
  <caption>Contact Information</caption>
  <tr>
    <td></td>
    <td scope="col">Name</td>
    <td scope="col">Phone#</td>
    <td scope="col">Fax#</td>
    <td scope="col">City</td>
  </tr><tr>
    <td>1.</td>
    <td scope="row">Joel Garner</td>
    <td>412-212-5421</td>
    <td>412-212-5400</td>
    <td>Pittsburgh</td>
  </tr><tr>
    <td>2.</td>
    <td scope="row">Clive Lloyd</td>
    <td>410-306-1420</td>
    <td>410-306-5400</td>
    <td>Baltimore</td>
  </tr><tr>
    <td>3.</td>
    <td scope="row">Gordon Greenidge</td>
    <td>281-564-6720</td>
    <td>281-511-6600</td>
    <td>Houston</td>
  </tr>
</table>

</div></body>
</html>

zou in de richting moeten zijn.

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