Jump to content
  • Advertisement
Sign in to follow this  
stargate3216

[web] Help converting site from tables to CSS

This topic is 4484 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

My site is http://www.addcontent.net, and it is currently table-based. I have come to the point where I want to convert to CSS because it takes several hours to make small updates to the entire site. I know some CSS, but I really can't seem to get it right...I want the CSS is its own file that I would use on all the pages...here is the HTML for my site:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><HEAD>
<title>Addcontent.net</title>
<meta http-equiv="keywords" content="Stargate: SG-1, Stargate: Atlantis, Battlestar Galactica, Movies, Episode Guides, Wikipedias, Starmap">
<link rel="stylesheet" type="text/css" href="pop_style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body bgcolor="#000066" text="#FFFFFF" link="#FFFFFF">
<div align="center">
<script type="text/javascript">
google_ad_client = "pub-4271387331183773";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="";
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<script type="text/javascript" language="javascript1.2" src="pop_core.js"></script>
<script type="text/javascript" language="javascript1.2" src="pop_data.js"></script>
<script type="text/javascript" language="javascript1.2" src="pop_events.js"></script>

</HEAD>
<BODY bgcolor="#000066" text="#FFFFFF" link="#FFFFFF" marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">
<table width="800" height="43" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="795" height="41" valign="top" bordercolor="1">
<div align="center">Addcontent.net</td>
</tr>
</table>
<table width="800" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#000066">
<tr><td height="17">  </td></tr></table>

<table width="800" height="1271" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="195" height="1269" valign="top">
<table width="196" height="188" border="1" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td width="192" height="129"></td>
</tr>
<tr>
<td height="40" valign="top">
<div align="left">

Check out Addcontent.net's Stargate: Atlantis Actor Bio's!

</td>
</tr>
</table>
<table width="196" height="289" border="1" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td height="170" valign="top"></td>
</tr>
<tr>
<td height="116" valign="top">Addcontent.net picture of the
week: This is an concept drawing of the Mars Reconnaissance
Orbiter. It is a unmanned probe launched by NASA that entered Martian
orbit on March 10 </td>
</tr>
</table>
<table width="196" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Picture of the Week Archives</td>
</tr>
</table>
<table width="196" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Subscribe
to our Newsletter</td>
</tr>
</table>
<table width="196" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Tech-Watch.net</td>
</tr>
</table>
<table width="196" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Sign
our Battlestar Galactica petition!</td>
</tr>
</table>

<script type="text/javascript"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</td>
<td width="400" valign="top">

News:

<table width="398" height="117" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="115" valign="top"> <table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

Battlestar Galactica
Petition
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Sunday,
Mar. 12, 2006 - sign our patition to move Battlestar Galactica
back to July!
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="117" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="115" valign="top"> <table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Scifi News</td>
<td width="276">

BSG to air in
October
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Saturday,
Mar. 11, 2006 - The next season of Battlestar Galactica will
air in next October, wail the season 10 and 3 of SG1 and SGA
will air in July
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="117" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="115" valign="top">
<table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

Battlestar Galactica
Wiki online
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Saturday,
Mar. 11, 2006 - Battlestar Galactica Wiki online, and Addcontent.net
sister site, www.tech-watch.net
is also online
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

Site news
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Wednesday,
Mar. 8, 2006 - lots of new site changes
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Movie News</td>
<td width="276">

Newest Movie
Numbers
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Monday
Feb. 27, 2006 - Newest movie numbers
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

SG1 Season
Pages Complete
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Monday
Feb. 27, 2006 - The SG-1 season pages are complete
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

Atlantis
Actor Bio Complete
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Monday
Feb. 13, 2006 - Atlantis Actor Bio complete!
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="186" height="21">
<param name="movie" value="text91.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#000066">
<param name="scale" value="exactfit">
<embed src="text91.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="186" height="21" bgcolor="#000066"></embed>
</object>
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Thursday
Feb. 2, 2006 - SG-1 Actor Bio complete!
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="88" height="21">
<param name="movie" value="text79.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#000066">
<param name="scale" value="exactfit">
<embed src="text79.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="88" height="21" bgcolor="#000066"></embed>
</object>
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Monday
Jan. 23, 2006 - Menu updated
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="58" height="21">
<param name="BASE" value=".">
<param name="movie" value="text87.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000066">
<param name="scale" value="exactfit">
<embed src="text87.swf" width="58" height="21" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#000066" base="."></embed>
</object>
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Sunday
Jan. 15, 2006 - Site updates
</td>
</tr>
</table></td>
</tr>
</table>

News Archives



</td>
<td width="198" valign="top">
<FORM ACTION="http://BasicPoll.Com/result.php" METHOD=POST>
<TABLE CellPadding=3 Border=0 CellSpacing=0>
<TR><TD BgColor="#9598FF">The Site</TD></TR>
<TR><TD BgColor="#C0C0FF">What do you think of the site?</TD></TR>
<TR><TD BgColor="#C0C0FF"><input type=radio name=answer value=a1>great
<input type=radio name=answer value=a2>good
<input type=radio name=answer value=a3>ok
<input type=radio name=answer value=a4>bad
<input type=radio name=answer value=a5>terrible
</TD></TR>
<TR><TD Align=Center BGColor="#9598FF"><Input type=submit Value=Vote!></TD></TR>
<TR><TD Align=Center BGColor="#9598FF">View Result</TD></TR>
<TR><TD Align=Center BGColor="#9598FF">Free Web Polls

</TD></TR></TABLE>
<TABLE CellPadding=0 Border=0 cellspacing=0><tr>
<td>  </td>
</tr></TABLE>
<Input type=hidden name=pid value=15146>
</FORM>

<script type="text/javascript"></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</table>
<table width="800" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>This is a fan site. Stargate: SG-1, Stargate:
Atlantis, Battlestar Galactica, Battlefield 2, Civilization 4, and Age of
Empires 3, and all material related to them (unless otherwise specified)
at copywriter by there respective owns. Picture Credits: Wikipedia, Microsoft</td>
</tr>
</table>



 

<div align="left">

<p align="left"> 


 



 

 


 


<div align="center">

 

 

</body>
</html>


I would like to keep my looking pretty much the same exept I want to get rid of all the boarders gone execpt the one around the entire thing and the ones around the menu... The other thing is that I want the site to stay centered. Could someone please help me? It shouldn't take too long...could someone put the CSS file and new HTML file in a post? EDIT: I don't know how to disable HTML tags, so some things are wrong. //EDIT: Messed with your post a bit 'cause it was long and busted. - Kaz [Edited by - Kazgoroth on March 15, 2006 2:17:13 AM]

Share this post


Link to post
Share on other sites
Advertisement
Original post by stargate3216

My site is http://www.addcontent.net, and it is currently table-based. I have come to the point where I want to convert to CSS because it takes several hours to make small updates to the entire site.

I know some CSS, but I really can't seem to get it right...I want the CSS is its own file that I would use on all the pages...here is the HTML for my site:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><HEAD>
<title>Addcontent.net</title>
<meta http-equiv="keywords" content="Stargate: SG-1, Stargate: Atlantis, Battlestar Galactica, Movies, Episode Guides, Wikipedias, Starmap">
<link rel="stylesheet" type="text/css" href="pop_style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body bgcolor="#000066" text="#FFFFFF" link="#FFFFFF">
<div align="center">
<script type="text/javascript">
google_ad_client = "pub-4271387331183773";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="";
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<script type="text/javascript" language="javascript1.2" src="pop_core.js"></script>
<script type="text/javascript" language="javascript1.2" src="pop_data.js"></script>
<script type="text/javascript" language="javascript1.2" src="pop_events.js"></script>

</HEAD>
<BODY bgcolor="#000066" text="#FFFFFF" link="#FFFFFF" marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">
<table width="800" height="43" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="795" height="41" valign="top" bordercolor="1">
<div align="center">Addcontent.net</td>
</tr>
</table>
<table width="800" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#000066">
<tr><td height="17"> </td></tr></table>

<table width="800" height="1271" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="195" height="1269" valign="top">
<table width="196" height="188" border="1" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td width="192" height="129"></td>
</tr>
<tr>
<td height="40" valign="top">
<div align="left">

Check out Addcontent.net's Stargate: Atlantis Actor Bio's!

</td>
</tr>
</table>
<table width="196" height="289" border="1" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td height="170" valign="top"></td>
</tr>
<tr>
<td height="116" valign="top">Addcontent.net picture of the
week: This is an concept drawing of the Mars Reconnaissance
Orbiter. It is a unmanned probe launched by NASA that entered Martian
orbit on March 10 </td>
</tr>
</table>
<table width="196" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Picture of the Week Archives</td>
</tr>
</table>
<table width="196" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Subscribe
to our Newsletter</td>
</tr>
</table>
<table width="196" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Tech-Watch.net</td>
</tr>
</table>
<table width="196" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Sign
our Battlestar Galactica petition!</td>
</tr>
</table>

<script type="text/javascript"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</td>
<td width="400" valign="top">

News:

<table width="398" height="117" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="115" valign="top"> <table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

Battlestar Galactica
Petition
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Sunday,
Mar. 12, 2006 - sign our patition to move Battlestar Galactica
back to July!
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="117" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="115" valign="top"> <table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Scifi News</td>
<td width="276">

BSG to air in
October
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Saturday,
Mar. 11, 2006 - The next season of Battlestar Galactica will
air in next October, wail the season 10 and 3 of SG1 and SGA
will air in July
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="117" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="115" valign="top">
<table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

Battlestar Galactica
Wiki online
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Saturday,
Mar. 11, 2006 - Battlestar Galactica Wiki online, and Addcontent.net
sister site, www.tech-watch.net
is also online
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

Site news
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Wednesday,
Mar. 8, 2006 - lots of new site changes
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Movie News</td>
<td width="276">

Newest Movie
Numbers
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Monday
Feb. 27, 2006 - Newest movie numbers
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

SG1 Season
Pages Complete
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Monday
Feb. 27, 2006 - The SG-1 season pages are complete
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">

Atlantis
Actor Bio Complete
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Monday
Feb. 13, 2006 - Atlantis Actor Bio complete!
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="186" height="21">
<param name="movie" value="text91.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#000066">
<param name="scale" value="exactfit">
<embed src="text91.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="186" height="21" bgcolor="#000066"></embed>
</object>
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Thursday
Feb. 2, 2006 - SG-1 Actor Bio complete!
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="88" height="21">
<param name="movie" value="text79.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#000066">
<param name="scale" value="exactfit">
<embed src="text79.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="88" height="21" bgcolor="#000066"></embed>
</object>
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Monday
Jan. 23, 2006 - Menu updated
</td>
</tr>
</table></td>
</tr>
</table>
<table width="398" height="107" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="396" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="122" height="23" valign="top">Site News</td>
<td width="276">


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="58" height="21">
<param name="BASE" value=".">
<param name="movie" value="text87.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000066">
<param name="scale" value="exactfit">
<embed src="text87.swf" width="58" height="21" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#000066" base="."></embed>
</object>
</td>
</tr>
<tr>
<td height="82" valign="top"></td>
<td height="82" valign="top">

Sunday
Jan. 15, 2006 - Site updates
</td>
</tr>
</table></td>
</tr>
</table>

News Archives



</td>
<td width="198" valign="top">
<FORM ACTION="http://BasicPoll.Com/result.php" METHOD=POST>
<TABLE CellPadding=3 Border=0 CellSpacing=0>
<TR><TD BgColor="#9598FF">The Site</TD></TR>
<TR><TD BgColor="#C0C0FF">What do you think of the site?</TD></TR>
<TR><TD BgColor="#C0C0FF"><input type=radio name=answer value=a1>great
<input type=radio name=answer value=a2>good
<input type=radio name=answer value=a3>ok
<input type=radio name=answer value=a4>bad
<input type=radio name=answer value=a5>terrible
</TD></TR>
<TR><TD Align=Center BGColor="#9598FF"><Input type=submit Value=Vote!></TD></TR>
<TR><TD Align=Center BGColor="#9598FF">View Result</TD></TR>
<TR><TD Align=Center BGColor="#9598FF">Free Web Polls

</TD></TR></TABLE>
<TABLE CellPadding=0 Border=0 cellspacing=0><tr>
<td> </td>
</tr></TABLE>
<Input type=hidden name=pid value=15146>
</FORM>

<script type="text/javascript"></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</table>
<table width="800" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>This is a fan site. Stargate: SG-1, Stargate:
Atlantis, Battlestar Galactica, Battlefield 2, Civilization 4, and Age of
Empires 3, and all material related to them (unless otherwise specified)
at copywriter by there respective owns. Picture Credits: Wikipedia, Microsoft</td>
</tr>
</table>





<div align="left">

<p align="left">














<div align="center">





</body>
</html>

Share this post


Link to post
Share on other sites
You might want to start by looking at some of these sites to give you a jump-start:

W3 Schools has some excellent CSS tutorials and reference pages for you to get started with.

Glish has a number of sample CSS-based, tableless layouts for you to look through and easy-to-grab code (for example, 3 Columns). This site also has a number of CSS layout examples.

CSS rollover buttons, CSS forms, and some very nice CSS widgets.

Share this post


Link to post
Share on other sites
Quote:
Original post by stargate3216
I tried some of that stuff but I couldn't get my site centered or looking right
Seriously, you couldn't be more specific than that? Most of those pages were centered; I don't see how this is too difficult to copy. If you could tell us more (or post your attempts), we might be able to see what you're specifically having a problem with.

Share this post


Link to post
Share on other sites
Well, its the a special thing to make the page aline center? Because margins aren't going to cut it because a 50 px margins look different on different resolutions

Share this post


Link to post
Share on other sites
two ways:

1) put a div around it with text-align: center
2) margin-left: auto; margin-right: auto

(2) doesn't work in IE though..... (figures... [rolleyes])

Share this post


Link to post
Share on other sites
Quote:
Original post by Sander
two ways:

1) put a div around it with text-align: center
2) margin-left: auto; margin-right: auto

(2) doesn't work in IE though..... (figures... [rolleyes])

It will if you move the text-align:center to a parent box, or, alternatively, the body.

body { text-align: center; }
html, body { margin: 0; padding: 0; }
div#frame { margin: 0 auto; }

<div id="frame">
<!-- Centered content -->
</div>

Share this post


Link to post
Share on other sites
Quote:
Original post by Sander
two ways:

1) put a div around it with text-align: center
2) margin-left: auto; margin-right: auto

(2) doesn't work in IE though..... (figures... [rolleyes])


What version of IE is that?

I've used

#header{
margin-right:auto;
margin-left:auto;
width:686px;
}

and it worked in IE and Firefox. You must specify a fixed width though.

Share this post


Link to post
Share on other sites
Sign in to follow this  

  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

Participate in the game development conversation and more when you create an account on GameDev.net!

Sign me up!