Hello all,
I am fairly new to HTML. I have pretty much self taught myself what I know of HTML (which isn't much
)
I have taken over a website for my company, Updating pictures and content, stuff like that.
The website is in bad shape (done very cheaply, and from what I can tell not very decent job).
It has been pieced and bandaged a bunch. (Wish we could have it redone)
Anyway I'm trying to upload some new images and text. What I have been doing is copy and pasting the code from another set of images and text and then changing the image description and desired text. My problem is that when I copy and paste it, it centers everything below it. I looked for any code that might cause it to center but can't seem to find any. Please help.
Here is the code.
This is with the changes I've made.
The centering problem occurs after the two sets of four images.
With only the original set it is fine.
The origanal set is the second one down.
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>Used Products - Stretch wrapping</title>
<meta name="Description" content="">
<meta name="KeyWords" content="Packaging & Shipping Materials Retail,
Product Development & Marketing,
Printing Equipment & Supplies Dealers,
Product Packaging Labeling & Shipping,
Packaging Machinery Retail">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Copyright" content="Copyright 2005 Innovative Computing, Inc.">
<meta http-equiv="Content-Language" content="en">
<meta name="revisit-after" content="15 days">
<meta name="robots" content="index, follow">
<meta name="Rating" content="General">
<meta name="Robots" content="All">
<link rel="StyleSheet" href="corporatestyle.css" type="text/css" media="screen">
<script language="JavaScript" src="js/javascripts.js"></script>
<script language="JavaScript" src="js/pop-closeup.js"></script>
<script language="JavaScript" src="js/mouseover.js"></script>
<script language="JavaScript" src="scroller/scroll.js"></script>
</head>
<body bgcolor="#FFFFFF" background="images/background-main.gif" text="#000000" link="#339966" vlink="#663399"
alink="#666666" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">
<!-- PAGE TABLE-->
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
<tr>
<td align="LEFT" valign="TOP">
<script language="JavaScript" src="js/header.js" type="text/javascript"></script>
<!-- PICTURE TABLE -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor=#006400 style="border-top: 1pt black solid; border-bottom: 1pt black solid">
<tr>
<td align=center width=33%>
<a href="index.html"><img src="images/baseball2_01.jpg" border="0" alt="Centerfield Pakaging, Inc." width="150" height="120">[/url]
</td>
<td align=center width=33%>
<a href="index.html"><img src="images/centerfieldlogo_01.jpg" border="0" width="388" height="120" alt="Centerfield Pakaging, Inc.">[/url]
</td>
<td align=center width=33%>
<a href="index.html"><img src="images/baseball_01.jpg" border="0" width="160" height="120" alt="Centerfield Pakaging, Inc.">[/url]
</td>
</tr>
<tr>
<td colspan=3 height=20 align=center>
<font face="Book Antiqua" size="2" color="#FFFF66">
(503) 760-1280 Portland Office<img border="0" align=absmiddle hspace="7" src="images/yellowdot.gif" width="8" height="8">
(877) 740-1280 Toll free<img border="0" align=absmiddle hspace="7" src="images/yellowdot.gif" width="8" height="8">
(503) 760-7063 Fax
</font>
</td>
</tr>
</table>
<!-- PICTURE TABLE -->
<!--img src="images/stretchbar.jpg" width="100%" height="28" alt=""><br-->
<script language="JavaScript" src="js/menu.js" type="text/javascript"></script>
<!-- CORNER TABLE -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" background="images/shadow1.gif">
<tr>
<td width="227"><img src="images/corner.gif" height="40" width="227" alt="">
</td>
<td><img src="images/spacer.gif" height="40" width="10" border="0" alt="">
</td>
</tr>
</table>
<!-- CORNER TABLE -->
<!-- OUTER TABLE-->
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td align="left" valign="top">
<!-- SPLIT TABLE-->
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td align="LEFT" valign="TOP" width="15"><img
src="images/spacer.gif" height="10" width="15" border="0" alt="">
</td>
<td align="LEFT" valign="TOP" width="150">
<script language="JavaScript" src="js/sidebar.js" type="text/javascript"></script>
<img src="images/spacer.gif" height="5" width="150" border="0" alt="">
</td>
<td align="LEFT" valign="TOP" width="30">
<img src="images/spacer.gif" height="400" width="30" border="0" alt="">
</td>
<td align="CENTER" valign="TOP">
<!-- START CONTENT TABLE -->
<table cellpadding="0" cellspacing="0" border="0" width="90%">
<tr>
<td align="left" valign="top">
<p class="just">
<!-- START PRODUCT CATEGORY DESCRIPTION PARAGRAPH ONE -->
<span class="title">Stretch wrapping
</span>
<!-- END PRODUCT CATEGORY DESCRIPTION PARAGRAPH ONE -->
</p>
<!-- START NAVIGATION HELP TABLE -->
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td>
<img src="images/small-windows.gif" height=25 width=25>
</td>
<td>
<span class="smalltitle">Click picture to view enlarged image.</span>
</td>
</tr>
</table>
<!-- END NAVIGATION HELP TABLE -->
<!-- START USED PRODUCTS LIST TABLE -->
<table cellpadding=0 cellspacing=5 width="100%" class="just">
<td valign="top">
<!-- START LOGO TABLE -->
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/Wrapper/MT hood bev 1.JPG')">
<img src="products/used/Wrapper/MT hood bev 1.JPG" border="0" width="150" height="110">
[/url]
</td>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/Wrapper/MT hood bev 2.jpg')">
<img src="products/used/Wrapper/MT hood bev 2.jpg" border="0" width="150" height="110">
[/url]
</td>
</tr><tr>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/Wrapper/MT hood bev 3.jpg')">
<img src="products/used/Wrapper/MT hood bev 3.jpg" border="0" width="150" height="110">
[/url]
</td>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/Wrapper/MT hood bev 4.jpg')">
<img src="products/used/Wrapper/MT hood bev 4.jpg" border="0" width="150" height="110">
[/url]
</td>
</tr>
</table>
<!-- END LOGO TABLE -->
<span class="picturetitle">
Item# 3020 WCRT-200 Automatic overhead, 30rpm, 30" prestretch carriage, 3 infeed conveyors, 3 outfeed conveyors, 1 process conveyor, Auto greaser, AC drives, MAX load size: 48"Lx48"Wx80"H, 4000lb cap..
</span>
<span class="picturehilight">
Stretch wrapping.
</span> <span class="picturecomments"> </span><span class="picturehilight">
</span>
<span class="picturecomments">
</span>
<img src="images/paragraph-line.jpg" height="3" width="100%" border="0" vspace="7">
</td></tr><!-- START LOGO TABLE -->
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/Wrapper/cobra XL.JPG')">
<img src="products/used/Wrapper/cobra XL.JPG" border="0" width="150" height="110">
[/url]
</td>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/Wrapper/cobra XL 2.jpg')">
<img src="products/used/Wrapper/cobra XL 2.jpg" border="0" width="150" height="110">
[/url]
</td>
</tr><tr>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/Wrapper/cobra XL 3.jpg')">
<img src="products/used/Wrapper/cobra XL 3.jpg" border="0" width="150" height="110">
[/url]
</td>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/Wrapper/cobra XL 4.jpg')">
<img src="products/used/Wrapper/cobra XL 4.jpg" border="0" width="150" height="110">
[/url]
</td>
</tr>
</table>
<!-- END LOGO TABLE -->
<span class="picturetitle">
Item# 1008 ITW MIMA Model # Cobra XL.
</span>
<span class="picturehilight">
Stretch wrapping.
</span> <span class="picturecomments"> </span><span class="picturehilight">
</span>
<span class="picturecomments">
</span>
<img src="images/paragraph-line.jpg" height="3" width="100%" border="0" vspace="7">
</td></tr><!-- START LOGO TABLE -->
<table cellpadding="2" cellspacing="0" border="0"><tr>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/misc/3006a.jpg')">
<img src="products/used/misc/3006a.jpg" border="0" width="150" height="110">
[/url]
</td>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/misc/3006.jpg')">
<img src="products/used/misc/3006.jpg" border="0" width="150" height="110">
[/url]
</td>
</tr>
</table>
<!-- END LOGO TABLE -->
<span class="picturetitle">
Wulftec High Profile Stretch Wrapper. Excellent Condition. 275% Prestretch.
</span>
<span class="picturehilight">
stretch wrapping.
</span>
<span class="picturecomments">
</span>
<img src="images/paragraph-line.jpg" height="3" width=
</tr><!-- START LOGO TABLE -->
<table cellpadding="2" cellspacing="0" border="0"><tr>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/misc/2039a.jpg')">
<img src="products/used/misc/2039a.jpg" border="0" width="150" height="110">
[/url]
</td>
<td onmouseover="this.className='rolloveron'" onmouseout="this.className='rollover'" class="rollover">
<a href="javascript:popUp('products/used/misc/2039.jpg')">
<img src="products/used/misc/2039.jpg" border="0" width="150" height="110">
[/url]
</td>
</tr>
</table>
<!-- END LOGO TABLE -->
<span class="picturetitle">
Orion stretch wrapper.Model#H-66-7. Good condition
</span>
<span class="picturehilight">
stretch wrapping.
</span>
<span class="picturecomments">
</span>
<img src="images/paragraph-line.jpg" height="3" width="100%" border="0" vspace="7">
</table></tr>
</table>
<!-- END MANUFACTURER LIST TABLE -->
<!-- CONTENT TABLE -->
<!-- SPLIT TABLE -->
<!-- OUTER TABLE-->
<tr>
<td valign="BOTTOM">
<img src="images/stretchbar.jpg" width="100%" height="28" alt="">
<!-- COPYRIGHT -->
<table cellpadding="0" cellspacing="0" border="1" width="100%" background="images/bottom-shade.gif">
<tr>
<td width="10">
<img src="images/spacer.gif" height="45" width="10" border="0" alt="">
</td>
<td align="left" valign="middle">
<script language="JavaScript" src="js/copyright.js" type="text/javascript"></script>
</td>
<td align="right" valign="middle">
<script language="JavaScript" src="js/copyright-ics.js" type="text/javascript"></script>
</td>
<td width="10">
<img src="images/spacer.gif" height="10" width="10" border="0" alt="">
</td>
</tr>
</table>
<!-- COPYRIGHT -->
</td>
</tr>
<!-- END PAGE TABLE-->
</table></body>
</html>