Tables won't align right

liunx

Guest
I have two tables on my site that contain images surrounding an item. The first on the left is a picture of the day image with a left, right, top, and bottom image border that I created. The table to the right has a set of changing text in it with a top bottom and right image border in it because I want the left side of the right table to go completely flush with the right side image of the left table but I want it to keep its height and width so the tables are the same size. The code for both tables is a little big so I put the code I'm working on in a small text file and stuck it on my server. You can find the website by going to<br />
<!-- m --><a class="postlink" href="http://www.3dactionplanet.com/planetside/index_test.shtml">http://www.3dactionplanet.com/planetsid ... test.shtml</a><!-- m --><br />
And you can find the snippet of code in the attached txt file. Thank you in advance.<!--content-->I am sorry, I could never load your page to look at teh problem. but it seems that you need to put both tables in another table to control the height.<!--content-->i could, just takes a long time, even on dsl, my god what a jumble of code :P <br />
<br />
sorry, i've messed around with it for a while but there is just too much code man!!<br />
<br />
The way i may have done it, instead of having all borders separate images make them one image, put as background of a div, then you can insert the left hand image into it (make div same size as background image), do the same with the right hand borders, make one image, put as the background to a div, set the display to inline for the divs and they will sit flush side by side. (in the right div you can add in your text) use padding-left:n绨唜; to move things over.<br />
ie:<br />
<td><br />
<div style="background:url(all-borders-in-one-image.jpg);display:inline;width:n绨唜;height:n绨唜;"><br />
<img src=http://www.htmlforums.com/archive/index.php/"silver_sm.jpg"></div><br />
<div style="background:url(all-borders-in-one-image-right.jpg);display:inline;width:n绨唜;height:n绨唜">names etc -up*</div><br />
</td><br />
<br />
<br />
*you could nest you table with the text here.<!--content-->This needs a lot of work, but is possible to fix. Many of the errors are actually the same error repeated over and over again in many places.<br />
<br />
Fifty errors can be solved simply by using Find and Replace to Find every & in the document and replace every one with &amp; instead.<br />
<br />
See the list at: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.3dactionplanet.com%2Fplanetside%2Findex_test.shtml&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --><br />
<br />
<br />
<br />
This code is not valid: <p></td></tr></font><br />
<br />
You must close the font inside the td, not outside. The <p> is wrong too. Why open a paragraph, just before the end of the table data? Remove it.<br />
<br />
<br />
<br />
Fix that stuff, and there will be only a few left.<!--content-->Is there software that will fix a lot of those errors? When I joined the project the code was a mess. Its a few sets of pages that are using server side includes. The code is garbled because the previous dudes used a combination of dreamweaver, homesite, and frontpage with some self edited notepad work in there. Each guy would make a section and then upload it then the next guy would etc. etc. Anyway if there鎶
 
Back
Top