Table issue

jp182 · July 22, 2006, 1:41am

Now i’m trying to do something similar to this
http://www.thespeedlounge.com/contact.html

on another page and even though I made the above page, its not working on my new page. Here’s the code:

<html>
<head>
<title>TSL: Stuff</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="speed lounge t-shirts, speed lounge sticker, car wallpapers" />

<style type="text/css">
	body {
	
	text-align:center;
	background-image: url(images/tile.jpg);
	background-repeat: repeat-x;
		}
		
#container {
	width:920px;
	margin:auto;
	padding:0px;
	text-align:left;
	}
.floatright { 
	float: right; 
	margin: 5px 5px 5px 5px;
	border: 1px solid #666;
	}
.floatleft { 
	float: left; 
	margin: 5px 5px 5px 5px;
	border: 1px solid #666;
	}
.floatleft2 { 
	float: left; 
	margin: 5px 5px 5px 30px;
	border: 1px solid #666;
	}
.image {
	border: 1px solid #666;
	}
.text { 
	margin: 10px;
	}
.top {
	margin-bottom:-3px;
	}
.title {
	margin-top:-1px;
	margin-bottom:-4px;
	}

.navi {
	
	margin-top:-1px;
	
	border:0px;
}
#navi {
		width:920px;
		height:50px;
		border:0;
		padding:0;
		
}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #navi { /* ie5win fudge ends */
	width:920px;
	}
#google {
		
		border:0;
		padding:0;
		float:left;
		width:300px;
		
}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #google { /* ie5win fudge ends */
	width:300px;
	}
#title {
		width:920px;
		height:61px;
		border:0;
		padding:0;
		
}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #title { /* ie5win fudge ends */
	width:920px;
	height:61px;
	}
#middle {
		border-top:1px solid #000000;
		border-right:1px inset #000000;
		border-bottom:1px inset #000000;
		border-left:1px inset #000000;
		background-color:#0000FF;
		height:1470px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:908px;
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #middle { /* ie5win fudge ends */
	width:922px;
	}
.middlemenu {
		border:1px solid #FFFFFF; 
		padding:5px;
		background-color:#333333;
		margin:1px 1px 0px 1px;
		color:#FFFF00;
		height:15px;
		width:908px;
		font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		}
.middlemenu2 {
		border-bottom:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		border-top:0px solid #FFFFFF; 
		padding:5px;
		background-color:#999999;
		margin:0px 1px 1px 1px;
		color:#000000;
		width:908px;
		height:1430px;
		font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}
.topleft {
        padding-top:20px; 
		border-bottom:1px solid white; 
		border-right:1px solid white;
		padding:5px;
		width:308px;
		}
</style>
</head>
<body bgcolor="#FFFFFF"  leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<div id="container">
	
<div id="title">

	<object type="application/x-shockwave-flash" data="http://www.thespeedlounge.com/images/title.swf" width="920" height="61">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="http://www.thespeedlounge.com/images/title.swf" />
	</object>
</div>

<img class="title" src="images/stufftitle.jpg" alt="" border="0" />
<div id="navi">		
	<object type="application/x-shockwave-flash" data="http://www.thespeedlounge.com/images/navi.swf" width="920" height="60">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="http://www.thespeedlounge.com/images/navi.swf" />
	</object>
			
</div><br>
	<div id="middle">
		<p class="middlemenu">&nbsp;>> <strong>Stuff</strong></p>
		<p class="middlemenu2">
				<table bgcolor="#999999" width="800">
				<tr >
				<td>
				<img src="images/logosticker.jpg" width="250" height="33" alt="TSL Stickers" />
				<b><br />
				<font face="Arial, Helvetica, sans-serif">Exclusive TSL Stickers </font></b><br /><br />
				<font size="-1" face="Arial, Helvetica, sans-serif">*Available in 3 Different Colors<br />
				
				<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
				<table><tr><td><input type="hidden" name="on0" value="Color">Color</
				td><td><select name="os0"><option value="Black">Black<option
				value="White">White<option value="Silver">Silver</select>
				</td></tr></table>
				<input type="image" src="https://www.paypal.com//
				en_US/i/btn/x-click-but22.gif" border="0" name="submit" alt="Make
				payments with PayPal - it's fast, free and secure!">
				<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/
				pixel.gif" width="1" height="1">
				<input type="hidden" name="add" value="1">
				<input type="hidden" name="cmd" value="_cart">
				<input type="hidden" name="business" value="info@thespeedlounge.com">
				<input type="hidden" name="item_name" value="26&quot;
				TheSpeedLounge.com Decal">
				<input type="hidden" name="amount" value="10.00">
				<input type="hidden" name="no_shipping" value="2">
				<input type="hidden" name="no_note" value="1">
				<input type="hidden" name="currency_code" value="USD">
				<input type="hidden" name="bn" value="PP-ShopCartBF">
				</form>
				
				</font>
			<tr style="border-bottom:1px solid white; width:100%;">
				<td>
			
			<img class="floatleft" src="images/Main.jpg" width="300" height="256" alt="TSL T-Shirts" /> 
					<b><font face="Arial, Helvetica, sans-serif">Exclusive TSL T-Shirt </font></b><br />
					<br />
					<font size="-1" face="Arial, Helvetica, sans-serif">(Limited Supply)
					<br /><br />
					Color: White <br /><br /> 
					Size: Medium, Large, X-Large, 2X-Large <br /><br />
					Price: <b>$20.00 shipped <br /><br />

					<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
					
					<input type="hidden" name="on0" value="Size">Size <br/>
				
					<select name="os0"><option value="Medium">Medium<option value="Large">Large<option value="X-Large">X-Large<option value="2X-Large">2X-Large</select>
					<br /><br />
					<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but22.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
					<input type="hidden" name="add" value="1">
					<input type="hidden" name="cmd" value="_cart">
					<input type="hidden" name="business" value="info@thespeedlounge.com">
					<input type="hidden" name="item_name" value="TSL T-Shirts">

<input type="hidden" name="amount" value="20.00">
					<input type="hidden" name="no_shipping" value="2"> <input type="hidden" name="no_note" value="1">
					<input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="bn" value="PP-ShopCartBF"></form></b>
				</font>
				
				  </td>
			</tr>
				
				<tr>
				<td>
				<font size="-1">
					<img class="floatleft" src="images/coverwithgraphics.jpg" width="275" height="183" alt="Old School for the New Year"/><br />
					<a href="images/01-06/wall/1600x1200.jpg">Wallpaper 1600x1200</a><br />
					<a href="images/01-06/wall/1280x960.jpg">Wallpaper 1280x960</a><br />
					<a href="images/01-06/wall/1152x864.jpg">Wallpaper 1152x864</a><br />
					<a href="images/01-06/wall/1024x768.jpg">Wallpaper 1024x768</a><br />
					<a href="images/01-06/wall/800x600.jpg">Wallpaper 800x600</a><br />
					</font>
					  </td>
			</tr>
					
					<tr>
				<td>
					<font size="-1"><img class="floatleft" src="images/coverold.jpg" width="275" height="183" alt="Under Pressure"/><br />
					<a href="images/12-05/wall/1/1600x1200.jpg">Wallpaper 1600x1200</a><br />
					<a href="images/12-05/wall/1/1280x960.jpg">Wallpaper 1280x960</a><br />
					<a href="images/12-05/wall/1/1152x864.jpg">Wallpaper 1152x864</a><br />
					<a href="images/12-05/wall/1/1024x768.jpg">Wallpaper 1024x768</a><br />
					<a href="images/12-05/wall/1/800x600.jpg">Wallpaper 800x600</a><br />
					</font>
					  </td>
			</tr>
					
					<tr>
				<td>
					<font size="-1">
					<img class="floatleft" src="images/11-05-covershotold.jpg" width="275" height="183" alt="Her's Not...His"/><br /> 
					<a href="images/11-05/wall/1600x1200.jpg">Wallpaper 1600x1200</a><br />
					<a href="images/11-05/wall/1280x960.jpg">Wallpaper 1280x960</a><br />
					<a href="images/11-05/wall/1152x864.jpg">Wallpaper 1152x864</a><br />
					<a href="images/11-05/wall/1024x768.jpg">Wallpaper 1024x768</a><br />
					<a href="images/11-05/wall/800x600.jpg">Wallpaper 800x600</a><br />
					</font>
					  </td>
			</tr>
					<tr>
				<td>
					<font size="-1">
					<img class="floatleft" src="images/10-05-covershotold.jpg" width="275" height="183" alt="3rd Time's a Charm"/><br />
					<a href="images/10-05/wall/1600x1200.jpg">Wallpaper 1600x1200</a><br />
					<a href="images/10-05/wall/1280x960.jpg">Wallpaper 1280x960</a><br />
					<a href="images/10-05/wall/1152x864.jpg">Wallpaper 1152x864</a><br />
					<a href="images/10-05/wall/1024x768.jpg">Wallpaper 1024x768</a><br />
					<a href="images/10-05/wall/800x600.jpg">Wallpaper 800x600</a><br />
					</font>
	  
			  </td>
			</tr>
		</table>
	</div>
</div>
<br>
</body>
</html>

any thoughts???

Topic		Replies	Views
CSS Problem	0	91	November 11, 2006
Help with CSS	0	82	November 3, 2005
Little HTML problem	3	34	August 24, 2003
CSS layout problem	0	37	June 25, 2004
CSS layout problem web dev	0	77	June 25, 2004

Table issue

Follow:

Popular

Loose Ends

Table issue

Related topics

Follow:

Popular

Loose Ends