Sign in to follow this  
stargate3216

[web] Help converting site from tables to CSS

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
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
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this