how can i center everything


G

Guest

I have this web template, and i want everythign to be centered, that way when
i view it in a site or work on it i can see it in the middle of the browser
and not up against the left side, here is the code can anyone help??

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Spiral Existence</title>
<script>

<!--

active1 = new Image(26,26);
active1.src = "but1b.jpg";
inactive1 = new Image(26,26);
inactive1.src = "but1a.jpg";

active2 = new Image(26,26);
active2.src = "but2b.jpg";
inactive2 = new Image(26,26);
inactive2.src = "but2a.jpg";

active3 = new Image(26,26);
active3.src = "but3b.jpg";
inactive3 = new Image(26,26);
inactive3.src = "but3a.jpg";

active4 = new Image(26,26);
active4.src = "but4b.jpg";
inactive4 = new Image(26,26);
inactive4.src = "but4a.jpg";

active5 = new Image(26,26);
active5.src = "but5b.jpg";
inactive5 = new Image(26,26);
inactive5.src = "but5a.jpg";

active6 = new Image(26,26);
active6.src = "but6b.jpg";
inactive6 = new Image(26,26);
inactive6.src = "but6a.jpg";

active7 = new Image(26,26);
active7.src = "but7b.jpg";
inactive7 = new Image(26,26);
inactive7.src = "but7a.jpg";

active8 = new Image(26,26);
active8.src = "but8b.jpg";
inactive8 = new Image(26,26);
inactive8.src = "but8a.jpg";

active9 = new Image(26,26);
active9.src = "but9b.jpg";
inactive9 = new Image(26,26);
inactive9.src = "but9a.jpg";
//-->

</script>
</head>
<style><!--a:hover{color:#000080; text-decoration:underline; }--></style>
<style><!--a{text-decoration:none}; //--></style>
<body bgcolor="#5A6979" leftmargin="0" topmargin="0">
<table width="780" height="100%" bgcolor=white border="0" align="left"
cellpadding="0" cellspacing="0">
<tr>
<td height="270" valign="top">
<table width="780" height="270" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="592">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="592" HEIGHT="270" id="flash" ALIGN="">
<PARAM NAME=movie VALUE="flash.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="flash.swf" quality=high bgcolor=#FFFFFF WIDTH="592"
HEIGHT="270" NAME="flash" ALIGN=""
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT></td>
<td width="188"><img src="buttop.jpg" width="188" height="136"><a
href="1.htm" onMouseOver="inactive1.src=active1.src; window.status='';return
true" onMouseOut="inactive1.src='but1a.jpg'"><img name="inactive1" img
border="0" src="but1a.jpg"></a><a href="2.htm"
onMouseOver="inactive2.src=active2.src; window.status='';return true"
onMouseOut="inactive2.src='but2a.jpg'"><img name="inactive2" img border="0"
src="but2a.jpg"></a><a href="3.htm" onMouseOver="inactive3.src=active3.src;
window.status='';return true" onMouseOut="inactive3.src='but3a.jpg'"><img
name="inactive3" img border="0" src="but3a.jpg"></a><a href="4.htm"
onMouseOver="inactive4.src=active4.src; window.status='';return true"
onMouseOut="inactive4.src='but4a.jpg'"><img name="inactive4" img border="0"
src="but4a.jpg"></a><a href="5.htm" onMouseOver="inactive5.src=active5.src;
window.status='';return true" onMouseOut="inactive5.src='but5a.jpg'"><img
name="inactive5" img border="0" src="but5a.jpg"></a><a href="6.htm"
onMouseOver="inactive6.src=active6.src; window.status='';return true"
onMouseOut="inactive6.src='but6a.jpg'"><img name="inactive6" img border="0"
src="but6a.jpg"></a><img src="butdown.jpg"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="24" background="stripe.jpg">
<table width="770" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td>
<font color="#000000" size="1" face="Arial, Helvetica, sans-serif">>>
PAGE NAME COMES HERE</font></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top">
<table width="780" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="188">
<table width="188" height="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td height="20" background="lefttop.jpg">
<table width="153" border="0" align="right" cellpadding="0"
cellspacing="0">
<tr>
<td>
<font color="#FFFFFF" size="1" face="Arial, Helvetica,
sans-serif">COMPANY NEWS</font></td>
</tr>
</table></td>
</tr>
<tr>
<td height="110" valign="top" background="leftback.jpg">
<table width="188" height="100%" border="0" cellpadding="0"
cellspacing="5">
<tr>
<td valign="top">
<div align="justify">
<font color="#FFFFFF" face="Arial" size="2">
The fusion with Vilords meant a further
step. The fusion with Vilords. The fusion
with Vilords meant. The fusion with Vilords.
The fusion with Vilords meant a further
step. meant a further.</font></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="26" background="leftmiddle.jpg">
<table width="153" border="0" align="right" cellpadding="0"
cellspacing="0">
<tr>
<td>
<font color="#FFFFFF" size="1" face="Arial, Helvetica,
sans-serif">PARTNER LINKS</font></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" background="leftback.jpg">
<table width="188" height="100%" border="0" cellpadding="0"
cellspacing="5">
<tr>
<td valign="top">
<div align="justify">
<p>
<font color="#FFFFFF" face="Arial" size="2">
The fusion with Vilords meant a further
step. The fusion with Vilords. The fusion
with Vilords meant. The fusion with Vilords.
The fusion with Vilords meant a further
step. meant a further.</font></p>
<p>
<font color="#FFFFFF" face="Arial" size="2">
The fusion with Vilords meant a further
step. The fusion with Vilords. The fusion
with Vilords meant. The fusion with Vilords.
The fusion with Vilords meant a further
step. meant a further.</font></p></div></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="592" bgcolor=#B6C6D6>
<table width="592" height="100%" border="0" cellpadding="0"
cellspacing="5">
<tr>
<td valign="top">
<div align="justify"><img src="pic.jpg" align="left"><font
color="#003399" face="Arial" size="2">The
fusion with Vilords. The fusion with Vilords meant a
further
step. meant a further step in a further step in
increasing-meant
a further. Company Vilords media was established in 1998.
The fusion with Vilords. The fusion with Vilords meant a
further
step. meant a further step. The fusion with Vilords meant
a further step. The fusion with Vilords. The fusion with
Vilords
meant a further step. The fusion with Vilords. Again, it
seems.</font>
<font color="#003399" face="Arial" size="2">The fusion with
Vilords meant a further step. The fusion with Vilords.
The
fusion with Vilords meant. The fusion with Vilords.
</font>
</div>
<p align="justify">
<font color="#003399" face="Arial" size="2">The
fusion with Vilords meant a further step. The fusion with
Vilords. The fusion with Vilords meant. The fusion with
Vilords.
The fusion with Vilords meant a further step. meant a
further
step in a further step in increasingmeant a further.
Company
Vilords media was established. The fusion with Vilords
meant
a further step. meant a further step in a further.
Company
Vilords media was established. The fusion with Vilords
meant
a further step. meant a further step in a further.
Company
Vilords media was established. The fusion with Vilords
meant
a further step. meant a further step in a further.
Company
Vilords media was established. The fusion with Vilords
meant
a further step.</font></p>
<p align="justify">
<font color="#003399" face="Arial" size="2">The
fusion with Vilords meant a further step. The fusion with
Vilords. The fusion with Vilords meant. The fusion with
Vilords.
The fusion with Vilords meant a further step. meant a
further
step in a further step in increasingmeant a further.
Company
Vilords media was established. The fusion with Vilords
meant
a further step. meant a further step in a further step.
The
fusion with Vilords meant a further.</font></p></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="67" valign="top" background="down.jpg">
<table width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" valign="bottom">
<div align="center"><font color="#FFFFFF" size="1" face="Arial">
<a href=1.htm><font color="#FFFFFF" size="1"
face="Arial">HOME</font></a> ::
<a href=2.htm><font color="#FFFFFF" size="1"
face="Arial">PRODUCTS</font></a> ::
<a href=3.htm><font color="#FFFFFF" size="1"
face="Arial">SERVICES</font></a>
:: <a href=4.htm><font color="#FFFFFF" size="1"
face="Arial">SUPPORT</font></a> ::
<a href=5.htm><font color="#FFFFFF" size="1"
face="Arial">PARTNERS</font></a> ::
<a href=6.htm><font color="#FFFFFF" size="1"
face="Arial">FAQ</font></a> ::
<a href=7.htm><font color="#FFFFFF" size="1" face="Arial">ABOUT
US</font></a> ::
<a href=8.htm><font color="#FFFFFF" size="1" face="Arial">CONTACT
US</font></a></font></div>
</td>
</tr>
<tr>
<td>
<div align="center">
<font color="#B6C6D6" size="1" face="Arial, Helvetica,
sans-serif">Copyright © 2003 Your Company,
All rights reserved.</font></div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
 
Ad

Advertisements

S

Stefan B Rusynko

From
<table width="780" height="100%" bgcolor=white border="0" >
delete align="left"
Then set the page main table properties to be center aligned
- FP will wrap the table in
<div align="center">

</div>

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


|I have this web template, and i want everythign to be centered, that way when
| i view it in a site or work on it i can see it in the middle of the browser
| and not up against the left side, here is the code can anyone help??
|
| <html>
| <head>
| <meta http-equiv="Content-Language" content="en-us">
| <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
| <title>Spiral Existence</title>
| <script>
|
| <!--
|
| active1 = new Image(26,26);
| active1.src = "but1b.jpg";
| inactive1 = new Image(26,26);
| inactive1.src = "but1a.jpg";
|
| active2 = new Image(26,26);
| active2.src = "but2b.jpg";
| inactive2 = new Image(26,26);
| inactive2.src = "but2a.jpg";
|
| active3 = new Image(26,26);
| active3.src = "but3b.jpg";
| inactive3 = new Image(26,26);
| inactive3.src = "but3a.jpg";
|
| active4 = new Image(26,26);
| active4.src = "but4b.jpg";
| inactive4 = new Image(26,26);
| inactive4.src = "but4a.jpg";
|
| active5 = new Image(26,26);
| active5.src = "but5b.jpg";
| inactive5 = new Image(26,26);
| inactive5.src = "but5a.jpg";
|
| active6 = new Image(26,26);
| active6.src = "but6b.jpg";
| inactive6 = new Image(26,26);
| inactive6.src = "but6a.jpg";
|
| active7 = new Image(26,26);
| active7.src = "but7b.jpg";
| inactive7 = new Image(26,26);
| inactive7.src = "but7a.jpg";
|
| active8 = new Image(26,26);
| active8.src = "but8b.jpg";
| inactive8 = new Image(26,26);
| inactive8.src = "but8a.jpg";
|
| active9 = new Image(26,26);
| active9.src = "but9b.jpg";
| inactive9 = new Image(26,26);
| inactive9.src = "but9a.jpg";
| //-->
|
| </script>
| </head>
| <style><!--a:hover{color:#000080; text-decoration:underline; }--></style>
| <style><!--a{text-decoration:none}; //--></style>
| <body bgcolor="#5A6979" leftmargin="0" topmargin="0">
| <table width="780" height="100%" bgcolor=white border="0" align="left"
| cellpadding="0" cellspacing="0">
| <tr>
| <td height="270" valign="top">
| <table width="780" height="270" border="0" cellpadding="0" cellspacing="0">
| <tr valign="top">
| <td width="592">
| <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
|
| codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
| WIDTH="592" HEIGHT="270" id="flash" ALIGN="">
| <PARAM NAME=movie VALUE="flash.swf">
| <PARAM NAME=quality VALUE=high>
| <PARAM NAME=bgcolor VALUE=#FFFFFF>
| <EMBED src="flash.swf" quality=high bgcolor=#FFFFFF WIDTH="592"
| HEIGHT="270" NAME="flash" ALIGN=""
| TYPE="application/x-shockwave-flash"
| PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
| </OBJECT></td>
| <td width="188"><img src="buttop.jpg" width="188" height="136"><a
| href="1.htm" onMouseOver="inactive1.src=active1.src; window.status='';return
| true" onMouseOut="inactive1.src='but1a.jpg'"><img name="inactive1" img
| border="0" src="but1a.jpg"></a><a href="2.htm"
| onMouseOver="inactive2.src=active2.src; window.status='';return true"
| onMouseOut="inactive2.src='but2a.jpg'"><img name="inactive2" img border="0"
| src="but2a.jpg"></a><a href="3.htm" onMouseOver="inactive3.src=active3.src;
| window.status='';return true" onMouseOut="inactive3.src='but3a.jpg'"><img
| name="inactive3" img border="0" src="but3a.jpg"></a><a href="4.htm"
| onMouseOver="inactive4.src=active4.src; window.status='';return true"
| onMouseOut="inactive4.src='but4a.jpg'"><img name="inactive4" img border="0"
| src="but4a.jpg"></a><a href="5.htm" onMouseOver="inactive5.src=active5.src;
| window.status='';return true" onMouseOut="inactive5.src='but5a.jpg'"><img
| name="inactive5" img border="0" src="but5a.jpg"></a><a href="6.htm"
| onMouseOver="inactive6.src=active6.src; window.status='';return true"
| onMouseOut="inactive6.src='but6a.jpg'"><img name="inactive6" img border="0"
| src="but6a.jpg"></a><img src="butdown.jpg"></td>
| </tr>
| </table></td>
| </tr>
| <tr>
| <td height="24" background="stripe.jpg">
| <table width="770" border="0" align="right" cellpadding="0" cellspacing="0">
| <tr>
| <td>
| <font color="#000000" size="1" face="Arial, Helvetica, sans-serif">>>
| PAGE NAME COMES HERE</font></td>
| </tr>
| </table></td>
| </tr>
| <tr>
| <td valign="top">
| <table width="780" height="100%" border="0" cellpadding="0" cellspacing="0">
| <tr valign="top">
| <td width="188">
| <table width="188" height="100%" border="0" cellpadding="0"
| cellspacing="0">
| <tr>
| <td height="20" background="lefttop.jpg">
| <table width="153" border="0" align="right" cellpadding="0"
| cellspacing="0">
| <tr>
| <td>
| <font color="#FFFFFF" size="1" face="Arial, Helvetica,
| sans-serif">COMPANY NEWS</font></td>
| </tr>
| </table></td>
| </tr>
| <tr>
| <td height="110" valign="top" background="leftback.jpg">
| <table width="188" height="100%" border="0" cellpadding="0"
| cellspacing="5">
| <tr>
| <td valign="top">
| <div align="justify">
| <font color="#FFFFFF" face="Arial" size="2">
| The fusion with Vilords meant a further
| step. The fusion with Vilords. The fusion
| with Vilords meant. The fusion with Vilords.
| The fusion with Vilords meant a further
| step. meant a further.</font></div></td>
| </tr>
| </table></td>
| </tr>
| <tr>
| <td height="26" background="leftmiddle.jpg">
| <table width="153" border="0" align="right" cellpadding="0"
| cellspacing="0">
| <tr>
| <td>
| <font color="#FFFFFF" size="1" face="Arial, Helvetica,
| sans-serif">PARTNER LINKS</font></td>
| </tr>
| </table></td>
| </tr>
| <tr>
| <td valign="top" background="leftback.jpg">
| <table width="188" height="100%" border="0" cellpadding="0"
| cellspacing="5">
| <tr>
| <td valign="top">
| <div align="justify">
| <p>
| <font color="#FFFFFF" face="Arial" size="2">
| The fusion with Vilords meant a further
| step. The fusion with Vilords. The fusion
| with Vilords meant. The fusion with Vilords.
| The fusion with Vilords meant a further
| step. meant a further.</font></p>
| <p>
| <font color="#FFFFFF" face="Arial" size="2">
| The fusion with Vilords meant a further
| step. The fusion with Vilords. The fusion
| with Vilords meant. The fusion with Vilords.
| The fusion with Vilords meant a further
| step. meant a further.</font></p></div></td>
| </tr>
| </table></td>
| </tr>
| </table></td>
| <td width="592" bgcolor=#B6C6D6>
| <table width="592" height="100%" border="0" cellpadding="0"
| cellspacing="5">
| <tr>
| <td valign="top">
| <div align="justify"><img src="pic.jpg" align="left"><font
| color="#003399" face="Arial" size="2">The
| fusion with Vilords. The fusion with Vilords meant a
| further
| step. meant a further step in a further step in
| increasing-meant
| a further. Company Vilords media was established in 1998.
| The fusion with Vilords. The fusion with Vilords meant a
| further
| step. meant a further step. The fusion with Vilords meant
| a further step. The fusion with Vilords. The fusion with
| Vilords
| meant a further step. The fusion with Vilords. Again, it
| seems.</font>
| <font color="#003399" face="Arial" size="2">The fusion with
| Vilords meant a further step. The fusion with Vilords.
| The
| fusion with Vilords meant. The fusion with Vilords.
| </font>
| </div>
| <p align="justify">
| <font color="#003399" face="Arial" size="2">The
| fusion with Vilords meant a further step. The fusion with
| Vilords. The fusion with Vilords meant. The fusion with
| Vilords.
| The fusion with Vilords meant a further step. meant a
| further
| step in a further step in increasingmeant a further.
| Company
| Vilords media was established. The fusion with Vilords
| meant
| a further step. meant a further step in a further.
| Company
| Vilords media was established. The fusion with Vilords
| meant
| a further step. meant a further step in a further.
| Company
| Vilords media was established. The fusion with Vilords
| meant
| a further step. meant a further step in a further.
| Company
| Vilords media was established. The fusion with Vilords
| meant
| a further step.</font></p>
| <p align="justify">
| <font color="#003399" face="Arial" size="2">The
| fusion with Vilords meant a further step. The fusion with
| Vilords. The fusion with Vilords meant. The fusion with
| Vilords.
| The fusion with Vilords meant a further step. meant a
| further
| step in a further step in increasingmeant a further.
| Company
| Vilords media was established. The fusion with Vilords
| meant
| a further step. meant a further step in a further step.
| The
| fusion with Vilords meant a further.</font></p></td>
| </tr>
| </table></td>
| </tr>
| </table></td>
| </tr>
| <tr>
| <td height="67" valign="top" background="down.jpg">
| <table width="780" border="0" cellspacing="0" cellpadding="0">
| <tr>
| <td height="20" valign="bottom">
| <div align="center"><font color="#FFFFFF" size="1" face="Arial">
| <a href=1.htm><font color="#FFFFFF" size="1"
| face="Arial">HOME</font></a> ::
| <a href=2.htm><font color="#FFFFFF" size="1"
| face="Arial">PRODUCTS</font></a> ::
| <a href=3.htm><font color="#FFFFFF" size="1"
| face="Arial">SERVICES</font></a>
| :: <a href=4.htm><font color="#FFFFFF" size="1"
| face="Arial">SUPPORT</font></a> ::
| <a href=5.htm><font color="#FFFFFF" size="1"
| face="Arial">PARTNERS</font></a> ::
| <a href=6.htm><font color="#FFFFFF" size="1"
| face="Arial">FAQ</font></a> ::
| <a href=7.htm><font color="#FFFFFF" size="1" face="Arial">ABOUT
| US</font></a> ::
| <a href=8.htm><font color="#FFFFFF" size="1" face="Arial">CONTACT
| US</font></a></font></div>
| </td>
| </tr>
| <tr>
| <td>
| <div align="center">
| <font color="#B6C6D6" size="1" face="Arial, Helvetica,
| sans-serif">Copyright © 2003 Your Company,
| All rights reserved.</font></div></td>
| </tr>
| </table></td>
| </tr>
| </table>
| </body>
| </html>
|
 
M

Murray

Change this -

</head>
<style><!--a:hover{color:#000080; text-decoration:underline; }--></style>
<style><!--a{text-decoration:none}; //--></style>
<body bgcolor="#5A6979" leftmargin="0" topmargin="0">

to this -

<style><!--a:hover{color:#000080; text-decoration:underline; }--></style>
<style><!--a{text-decoration:none}; //--></style>
</head>
<body bgcolor="#5A6979" leftmargin="0" topmargin="0">

You should not have anything between </head> and <body>

Also, Stefan's advice will work, but a much better solution would be to just
change this -

<table width="780" height="100%" bgcolor=white border="0" align="left"

to this -

<table width="780" height="100%" bgcolor=white border="0" align="center"
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top