Html vraag, graag hulp.

Nursaniyem · Bericht door **Nursaniyem** » 14 mei 2005, 19:20

Beste mensen,

Ik maak op het moment een makelijke website met een gratis wemplate.
Ik heb nu een website die aan het linkler kant vasn mn browser staat.
Ik heb een soort afbeelding gemaakt.
Daar staat ie ongeveer.
Ik wil die precies in het midden krijgen.
Ik heb alles gebprobeerd met center maar ik denk dat ik het code verkeert plaats.

Dit is mn code :

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

	<title>Türküler Diyari Hosting [ Ucuz, Kaliteli Ve Tabiki Güvenilir ]</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#ffffff">
<center>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
  <tr>
	<td> 
      <table width="780" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top"> 
            <table width="780" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td background="images/fon02.gif" height="55" width="400">
                  <table width="400" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="185"><img src="images/main00.jpg" width="185" height="55"></td>
                      <td width="215" class="titleb"> <font color="#FFFFFF" class="titlew">Arama</font>&nbsp; 
                        <input type="Text" name="Input" value="Anahtar Kelime" size="10">
                        <input type="Image" src="images/b_go3.gif" width="21" height="27" alt="" border="0" hspace="10" align="absbottom" name="Image">
                      </td>
                    </tr>
                  </table>
                </td><center>
                <td width="2"><img src="images/separator.gif" width="2" height="55"></td>
                <td width="378" background="images/fon03.gif" class="left" valign="top"> 
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="left">
                    <tr>
                      <td height="45" valign="bottom">&nbsp; &#149; HOME &nbsp;&nbsp; &#149; 
                        LINKS &nbsp;&nbsp; &#149; FAQ &nbsp;&nbsp; &#149; HELP &nbsp;&nbsp; &#149; SITE MAP</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td><img src="images/main01.jpg" width="223" height="177"><img src="images/main02.jpg" width="557" height="177"></td>
        </tr>
      </table>
<table border="0" cellspacing="0" cellpadding="0" width="780">
<tr valign="top">
	<td width="223" background="images/fon_left01.gif">
<table border="0" cellspacing="0" cellpadding="0" width="223">
<tr valign="top">
	<td background="images/left_top.gif" height="108">
<p class="titleb"><img src="images/e01.gif" width="12" height="14" alt="" border="0" align="absbottom">&nbsp;&nbsp;MEMBERS LOGIN HERE</p>
<form action="" method="post">
<div style="margin-left: 40px; padding-bottom: 10px;">
<input type="Text" name="" value="USERNAME" size="15"><br>
<input type="Text" name="" value="PASSWORD" size="10"><input type="Image" src="images/b_go.gif" width="22" height="28" alt="" border="0" hspace="10" align="absbottom">
</div>
	</form></td>
</tr>

<tr>
	<td>
<p class="titleb"><img src="images/e01.gif" width="12" height="14" alt="" border="0" align="absbottom">&nbsp;&nbsp;LATEST NEWS</p>
                  <p class="t01"><img src="images/e_punct_b.gif" width="5" height="5" alt="" border="0" align="absmiddle">&nbsp;&nbsp;Lorem 
                    ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
                    nonummy nibh commodo consequat.amet, consectetuer </p>
<p class="t01" align="right"><a href="">Read more</a>&nbsp;</p>
<img src="images/hr01.gif" alt="" width="223" height="28" border="0">
                  <p class="t01"><img src="images/e_punct_b.gif" width="5" height="5" alt="" border="0" align="absmiddle">&nbsp;&nbsp;Lorem 
                    ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
                    nonummy nibh commodo consequat.amet, consectetuer </p>
<p class="t01" align="right"><a href="">Read more</a>&nbsp;</p>
	</td>
</tr>
<tr valign="top">
	<td height="36" background="images/left01.gif">
<p class="titleb"><img src="images/e01.gif" width="12" height="14" alt="" border="0" align="absbottom">&nbsp;&nbsp;FEATURED PRODUCT</p>
	</td>
</tr>
<tr>
	<td background="images/fon_left02.gif">
<table cellpadding="0" cellspacing="0" border="0" width="95%" align="center">
<tr valign="top">
	<td><a href=""><img src="images/temp01.gif" width="68" height="66" alt="" border="0"></a></td>
	<td>
<p class="left"><img src="images/e_punct_w.gif" width="5" height="5" alt="" border="0" align="absmiddle">&nbsp;&nbsp;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat nibh commodo consequat.</p>
	</td>
</tr>
</table>
	</td>
</tr>
<tr>
	<td><img src="images/left_bot.gif" width="223" height="8" alt="" border="0"></td>
</tr>
<tr>
	<td align="right">
<a href=""><img src="images/b_buy.gif" width="71" height="24" alt="" border="0"></a>
<a href=""><img src="images/b_more.gif" width="82" height="24" alt="" border="0"></a>&nbsp;&nbsp;
	</td>
</tr>
</table>
	</td>
	<td width="557"><!-- main -->
<table cellpadding="0" cellspacing="0" border="0" background="images/fon_menu.gif" width="100%">
<tr align="center">
	<td><img src="images/e_menu.gif" width="6" height="49" alt="" border="0"></td>
	<td><p class="menu"><a href="">Ana Sayfa</a></p></td>
	<td><img src="images/e_menu01.gif" width="2" height="49" alt="" border="0"></td>
	<td><p class="menu"><a href="">Hakkimizda</a></p></td>
	<td><img src="images/e_menu01.gif" width="2" height="49" alt="" border="0"></td>
	<td><p class="menu"><a href="">Web Hosting</a></p></td>
	<td><img src="images/e_menu01.gif" width="2" height="49" alt="" border="0"></td>
	<td><p class="menu"><a href="">Trafficsiz Hosting</a></p></td>
	<td><img src="images/e_menu01.gif" width="2" height="49" alt="" border="0"></td>
	<td><p class="menu"><a href="">Server Bilgileri</a></p></td>
	<td><img src="images/e_menu01.gif" width="2" height="49" alt="" border="0"></td>
	<td><p class="menu"><a href="">Referanslarimiz</a></p></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
	<td>
<table cellpadding="0" cellspacing="0" border="0" width="398">
<tr>
	<td><img src="images/temp01.jpg" width="398" height="193" alt="" border="0"></td>
</tr>
<tr>
	<td background="images/fon01.gif" height="133" valign="top">
<p class="titlew" style="margin-top: 10px;"><img src="images/e02.gif" alt="" width="12" height="14" border="0" align="absbottom">&nbsp;&nbsp;Domeininizi Sorgulayin</p>
<form>
<div style="padding-left: 20px">
<table cellpadding="5" cellspacing="0" border="0" background="">
<tr>
	<th>Arama</th>
	<td><input type="Text" name="" size="10" align="right">&nbsp;<a href="http://www.turkulerdiyari.com/test_site/whois-example.php"><img src="http://www.turkulerdiyari.com/test_site/images/b_go2.gif"></a> 
</tr>
</table>
<p style="font-size: 9px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px;">Domein Uzantisini Seçiniz</p>
<p>
<input type="Checkbox" name="" value=""> .com &nbsp;&nbsp;
<input type="Checkbox" name="" value=""> .net &nbsp;&nbsp;
<input type="Checkbox" name="" value=""> .biz &nbsp;&nbsp;
<input type="Checkbox" name="" value=""> .ua &nbsp;&nbsp;
<input type="Checkbox" name="" value=""> .com &nbsp;&nbsp;
</p>
</div>
	</form></td>
</tr>

<tr>
	<td background="images/fon_temp.jpg">
<p class="titlew" style="margin-top: 10px; font-size: 15px;"><img src="images/temp02.jpg" hspace="10" alt="" width="160" height="159" border="0" align="left">Become Our Affiliate</p>
<p style="color: #FFFFFF;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat nibh commodo consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat nibh commodo consequat.</p>
<p class="left" align="right"><a href="">Detayli Bilgi</a>&nbsp;</p>
	</td>
</tr>
</table>
	</td>
	<td align="right" valign="top"><img src="images/sh01.gif" width="159" height="7" alt="" border="0"><br>
<a href=""><img src="images/ban01.gif" width="152" height="155" alt="" border="0"></a><br>
<p class="px5">
<a href=""><img src="images/ban02.gif" width="152" height="155" alt="" border="0"></a><br>
<p class="px5">
<a href=""><img src="images/ban03.gif" width="152" height="155" alt="" border="0"></a><br>
<p class="px5">
	</td>
</tr>
</table>
<!-- /main -->
	</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="780">
<tr>
	<td colspan="2" height="33" background="images/fon_bot.gif"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
	<td><p>Copyright &copy;2005 TürkülerDiyari.Org</p></td>
	<td>
<p class="menu" align="center">
<a href="">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="">About Us</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="">Support</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="">Services</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="">Contacts</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="">Help</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="">FAQ</a>
</p>
	</td>
</tr>
</table>
	</td>
	<td valign="bottom" background="images/bg_right.gif"><img src="images/bg_right.gif" alt="" width="17" height="16" border="0"></td>
	<td width="100%" background="images/bg.gif"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
</table></center>

</body>
</html>

Kan iemand aub mijn vertellen waar ik het benodigde code's moet plaatsne om het pagina in het midden te krijgen.

Dit is trouwens het pic

Afbeelding

Groetjes.

Bee · Bericht door **Bee** » 14 mei 2005, 19:24

Aan de eerste table tag align="center" toevoegen.

Nursaniyem · Bericht door **Nursaniyem** » 14 mei 2005, 19:40

Om precies te zijn welke code en waar precies?

Bee · Bericht door **Bee** » 14 mei 2005, 19:50

Aan de eerste table tag, volgorde maakt niet uit

B-sTyLe · Bericht door **B-sTyLe** » 14 mei 2005, 19:52

de eerste

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">

veranderen in

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" align="center">

Nursaniyem · Bericht door **Nursaniyem** » 14 mei 2005, 19:59

Heb ik gedaan maar er verander niks

align=right ook niets zelfs.

B-sTyLe · Bericht door **B-sTyLe** » 14 mei 2005, 20:11

probeer dit eens:

zoek:

Code: Selecteer alles

<body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#ffffff">

zet erachter:

Code: Selecteer alles

<div align="center">

zoek:

Code: Selecteer alles

</body>

zet ervoor:

Code: Selecteer alles

</div>

Nursaniyem · Bericht door **Nursaniyem** » 14 mei 2005, 20:15

Nee weer niet, ik snap het echt niet.

B-sTyLe · Bericht door **B-sTyLe** » 14 mei 2005, 21:01

de eerste

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">

veranderen in

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" style="align: center">

mischien dat dit werkt?

en zoek de eerste <center> en haal die weg

Nursaniyem · Bericht door **Nursaniyem** » 14 mei 2005, 21:06

Nogmaals niet

Bee · Bericht door **Bee** » 14 mei 2005, 21:44

ba21, dit stukje css

Code: Selecteer alles

style="align: center"

gaat niet werken, want dat is

Code: Selecteer alles

style="text-align: center;"

Kijk maar in de CSS standaard

http://www.w3.org/TR/css21

Nursaniyem · Bericht door **Nursaniyem** » 14 mei 2005, 21:55

Dit is mn style.css

Code: Selecteer alles

th {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
input {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.titlew {
	color : #FFFFFF;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 10px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.titleb {
	color : #000000;
	margin-top : 7px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 25px;
	margin-right : 10px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.t01 {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.t01 a {
	color : #EF6D00;
}
.t01 a:hover {
	color : #C25A02;
}
.right {
	color : #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right b {
	color : #EF6D00;
}
.right a {
	color : #003C5E;
}
.right a:hover {
	color : #000000;
}
.left {
	color : #FFFFFF;
	margin-top : 0px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.left a {
	color : #FFFFFF;
}
.left a:hover {
	color : #000000;
}
p {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #294A7B;
}
p a:hover {
	color : #000000;
}
.menu {
	color : #000000;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu a {
	color : #000000;
	text-decoration: none;
}
.menu a:hover {
	color : #294A7B;
}

Center komt hier niet voor helaas, had ik al gezocht.

Luuk · Bericht door **Luuk** » 15 mei 2005, 13:08

Als je een table tag centreert die 100% width heeft heeft dat geen zin.