CENTRE MY PAGE

pmedia · Post by **pmedia** » Thu Jun 28, 2007 1:19 am

I have been trying to centre my pages I created with PI 12 but to no success. Hence here is what I do:
I have created a simple webpage with PI 12 and below is the code that has been generated. Can someone reply to this post by re-writing the note pad code so as to show me how to get the page centred?
Here is the code generated by PI 12
could one of you post what you would change and where you would change to have the page centered?
Here Goes:
-----------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META CONTENT="text/html; charset=iso-8859-1" HTTP-EQUIV="Content-Type">
<META NAME="Generator" CONTENT="PhotoImpact">
</HEAD>
<BODY BGCOLOR="#FFFFFF" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD COLSPAN="3"><IMG SRC="space.gif" WIDTH="750" BORDER="0" HEIGHT="54"></TD>
</TR>
<TR>
<TD><IMG SRC="space.gif" WIDTH="139" BORDER="0" HEIGHT="58"></TD>
<TD><IMG SRC="upi8485_3.gif" WIDTH="510" BORDER="0" HEIGHT="58"></TD>
<TD><IMG SRC="space.gif" WIDTH="101" BORDER="0" HEIGHT="58"></TD>
</TR>
<TR>
<TD COLSPAN="3"><IMG SRC="space.gif" WIDTH="750" BORDER="0" HEIGHT="438"></TD>
</TR>
</TABLE>
<TABLE WIDTH="80%" BORDER="1" BGCOLOR="#FFFFFF">
<TR>
<TD><DL><DT>Total size: 5,301 bytes</DT><DT>Dimensions: Width: 750 pixels; Height: 550 pixels</DT><DT>Images: 2</DT></DL></TD>
</TR>
<TR>
<TD><PRE><CODE><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META CONTENT="text/html; charset=iso-8859-1" HTTP-EQUIV="Content-Type">
<META NAME="Generator" CONTENT="PhotoImpact">
</HEAD>
<BODY BGCOLOR="#FFFFFF" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD COLSPAN="3"><IMG SRC="space.gif" WIDTH="750" BORDER="0" HEIGHT="54"></TD>
</TR>
<TR>
<TD><IMG SRC="space.gif" WIDTH="139" BORDER="0" HEIGHT="58"></TD>
<TD><IMG SRC="upi8485_3.gif" WIDTH="510" BORDER="0" HEIGHT="58"></TD>
<TD><IMG SRC="space.gif" WIDTH="101" BORDER="0" HEIGHT="58"></TD>
</TR>
<TR>
<TD COLSPAN="3"><IMG SRC="space.gif" WIDTH="750" BORDER="0" HEIGHT="438"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
</CODE></PRE></TD>
</TR>
</TABLE>
</BODY>
</HTML>

Post by **VikingAnimations** » Thu Jun 28, 2007 4:46 am

Try this...

<TABLE ALIGN="CENTER" WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0">

pmedia · Post by **pmedia** » Fri Jun 29, 2007 1:33 am

Thanks, but where in the code would you put this line?
It would be good if you could show exactly where this should go to be effective.

Post by **VikingAnimations** » Fri Jun 29, 2007 2:50 am

Look at your own code that you posted. The text in blue is what you should add.

If you're serious about making a web site, I suggest taking the time to learn HTML. It's well worth it in the long run. PI isn't exactly strongly suited to making web pages. It's about the last thing I'd consider for that. Making/editing graphics is another matter. It'll do nicely for that.

There are free programs out there for making websites, too.

mikefoster · Post by **mikefoster** » Fri Jun 29, 2007 11:33 am

You can also use the div tag which is recommended like this:

place the div between your <body> and </body> tage like this...

<BODY BGCOLOR="#FFFFFF" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">

<div align="center">
you other code here

</div>

</body>
</html>

Hope this helps

pmedia · Post by **pmedia** » Sat Jun 30, 2007 5:17 pm

<TABLE ALIGN="CENTER" WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0">

Thanks for your reply- much appreciated, that messed up things a bit, however, based on your suggestion I kind of experimented and got this:
<TABLE ALIGN="CENTER" BORDER="0"CELLPADDING="0" CELLSPACING="0">

and this works beautifully
Thanks again.