Problema allineamento con pagina registrazione!!

08-07-2015, 20.35.49

Salve,
praticamente ho creato una pagina registrazione con una guida nel forum e poi ci ho aggiunto il mio template ma ora sorge il problema; non riesco in nessun modo a centrare la tabella in modo che sia ben visibile al centro!!

Questo è il code:
La pagina è habbonotizia.altervista.org/registrazione.php

Chi mi può aiutare? Nella prima parte come vedete c'è il template mentre nella seconda il codice in php della pagina registrazione.

Codice HTML:

</HEAD>
<BODY>
<html><head>
<title>Contatti</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

<style type="text/css">
a.style1:link{color:#FFFFFF;text-decoration: none;}
a.style1:visited{color:#FFFFFF;text-decoration: none;}
a.style1:hover{color:#FFFFFF;text-decoration: none;}
a.style1:active{color:#FFFFFF;text-decoration: none;}
</style>

<style type="text/css">
div#container
{
	position:relative;
	width: 1438px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}
body {text-align:center;margin:0}
</style>

</head>
<body background="images/29.gif">
<div id="container">
<div id="image7" style="position:absolute; overflow:hidden; left:239px; top:0px; width:960px; height:158px; z-index:0"><img src="images/banner3.png" alt="" title="" border="0" width="960" height="158"></div>

<div id="shape6" style="position:absolute; overflow:hidden; left:239px; top:158px; width:800px; height:487px; z-index:1; background-image:url('images/8.gif')"></div>

<div id="shape3" style="position:absolute; overflow:hidden; left:298px; top:304px; width:679px; height:249px; z-index:2"><img border="0" width="100%" height="100%" alt="" src="images/shape7883494.gif"></div>

<div id="text7" style="position:absolute; overflow:hidden; left:310px; top:313px; width:652px; height:239px; z-index:3; background-color:#FFFF99">
<div class="wpmd">
<div><font color="#008F80" face="Tahoma"></font></div>
<div><font color="#008F80" face="Tahoma" class="ws6"><b><br></b></font></div>
<div><font color="#008F80" face="Tahoma" class="ws8"><b><br></b></font></div>
<div><font color="#347172" face="Tahoma" class="ws8"><b><br></b></font></div>
<ul>





</ul>
<div><font color="#347172" face="Tahoma" class="ws8"><b><br></b></font></div>
<div><font color="#347172" face="Tahoma" class="ws8"><br></font></div>
<div><font color="#347172" face="Tahoma" class="ws8"><br></font></div>
<div><font color="#347172" face="Tahoma" class="ws8"><br></font></div>
</div></div>

<div id="image1" style="position:absolute; overflow:hidden; left:305px; top:330px; width:663px; height:20px; z-index:4"></div>

<div id="shape4" style="position:absolute; overflow:hidden; left:298px; top:556px; width:679px; height:35px; z-index:5"><img border="0" width="100%" height="100%" alt="" src="images/shape10867029.gif"></div>

<div id="text1" style="position:absolute; overflow:hidden; left:351px; top:571px; width:652px; height:41px; z-index:6">
<div class="wpmd">
<div><font color="#4E9C9E" face="Tahoma" class="ws8">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Copyright </font><font color="#4E9C9E" class="ws8">©</font><font color="#4E9C9E" face="Tahoma" class="ws8"> 2015 HabboNotizie Inc. Tutti i diritti riservati.</font></div>
</div></div>

<div id="shape2" style="position:absolute; overflow:hidden; left:298px; top:212px; width:679px; height:88px; z-index:7"><img border="0" width="100%" height="100%" alt="" src="images/shape10937963.gif"></div>


<div id="text8" style="position:absolute; overflow:hidden; left:307px; top:221px; width:652px; height:74px; z-index:8; background-color:#FFFF99">
<div class="wpmd">
<div><font color="#008F80" face="Tahoma"></font></div>
<div><font color="#008F80" face="Tahoma" class="ws6"><b><br></b></font></div>
<div><font color="#008F80" face="Tahoma" class="ws8"><b><br></b></font></div>
<div><font color="#0000FF" face="Tahoma" class="ws8"></font></div>
<div><font color="#347172" face="Tahoma" class="ws8"><br></font></div>
<div><font color="#347172" face="Tahoma" class="ws8"><br></font></div>
<div><font color="#347172" face="Tahoma" class="ws8"><br></font></div>
</div></div>

<div id="image2" style="position:absolute; overflow:hidden; left:304px; top:235px; width:663px; height:20px; z-index:9"></div>

<div id="shape1" style="position:absolute; overflow:hidden; left:298px; top:163px; width:679px; height:6px; z-index:10"><img border="0" width="100%" height="100%" alt="" src="images/shape22762761.gif"></div>

<a href="index.html"><div id="shape5" style="position:absolute; overflow:hidden; left:298px; top:172px; width:133px; height:35px; z-index:11; background-image:url('images/shape21565812.gif')"></div></a>

<a href="donazione.html"><div id="shape7" style="position:absolute; overflow:hidden; left:434px; top:172px; width:134px; height:35px; z-index:12; background-image:url('images/shape21565812.gif')"></div></a>

<a href="contatti.html"><div id="shape8" style="position:absolute; overflow:hidden; left:571px; top:172px; width:134px; height:35px; z-index:13; background-image:url('images/shape21565812.gif')"></div></a>





<div id="text2" style="position:absolute; overflow:hidden; left:339px; top:181px; width:64px; height:23px; z-index:16">
<a href="index.html"><div class="wpmd">
<div><font color="#FFFFFF" face="Verdana"><b>HOME</b></font></div>
</div></a></div>

<div id="text3" style="position:absolute; overflow:hidden; left:460px; top:181px; width:102px; height:24px; z-index:17">
<a href="donazione.html"><div class="wpmd">
<div><font color="#FFFFFF" face="Verdana"><b>DONAZIONE</b></font></div>
</div></a></div>

<div id="text4" style="position:absolute; overflow:hidden; left:594px; top:181px; width:103px; height:23px; z-index:18">
<a href="contatti.html"><div class="wpmd">
<div><font color="#FFFFFF" face="Verdana"><b>CONTATTI</b></font></div>
</div></a></div>





</div>



</body></html>
<table border="0" cellspacing="1" cellpadding="0" width="300" align="center" bgcolor="#cccccc"><tbody>
<tr><form action="provaregistrazione.php" method="post"> <input name="phpMyAdmin" type="hidden" value="V0N0db6Fl62QWr6eBkly75xAGn3" /><td>
<table border="0" cellspacing="1" cellpadding="3" width="100%" bgcolor="#ffffff"><tbody>
<center>
<tr>
<td colspan="3"><strong><p align="center">Registrazione</p></strong></td>
</tr>
<tr>
<td width="78">Username</td>
<td width="6">:</td>
<td width="294"><input id="username" name="username" type="text" /></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input id="password" name="password" type="password" /></td>
</tr>
<tr>
<td>Ripeti Password</td>
<td>:</td>
<td><input id="password2" name="password2" type="password" /></td>
</tr>
<tr>
<td>Email <font size="1">(necessaria per la conferma)</font></td>
<td>:</td>
<td><input id="email" name="email" type="text" /></td>
</tr>
<tr>
<td>Ripeti Email</td>
<td>:</td>
<td><input id="email2" name="email2" type="text" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input name="Submit" type="submit" value="Registrati" /></td>
</tr>
</tbody></table>
</td>
</form></tr>
</tbody></table> 
</BODY>
</HTML>

08-07-2015, 20.55.59

inoltre come posso ricoprire quello spazio che si viene a formare tra quei due riquadri gialli?

10-07-2015, 13.28.57

Scusa, ma la pagina che hai linkato registrazione.php ha solamente la tabella e non il template.
Quali quadratini gialli? Quelli presenti in index.html nel menu?

Discussione: Problema allineamento con pagina registrazione!!

LinkBack

Strumenti discussione

Display

Problema allineamento con pagina registrazione!!

Regole di scrittura