Fast html question?

http://www.ivoog.com/link

How do I move all the stuff under the 3 boxes up top? All that is inside a table. I need to move this stuff under the first top long box and to the left of the two smaller boxes. What do I edit and what code do I use? Thanks!

Hi there,

Okay you have an issue you need to fix first...

You have the top table which holds the 3 boxes across the top. Then you close that table. However, the very next bit of code is <td valign="top"> which is incorrect because there is no open table at that point. You can simply remove that line.

To add the content that is under the top box and the two side boxes where you want it, find this line...

<table width="232" border="0" cellspacing="0" cellpadding="0"><tr>

<td><div class="sidetbl"> </div></td>
</tr>

Which is the code for your first of the two smaller boxes on the left, you need to insert another column with a rowspan of 2

Add this:

<tr>
<td rowspan="2" valign="top">

This is where you put all that content you want to move.. tables and all.

</td>
</tr>

Then it is going to pick up with your code for the second (bottom) small box on the left and that's all you need to do, save the page and check it out.

Alternately...

Your other option would be to still remove the line of code I told you about above, but replace it with...

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Begin left column -->
<td width="232" valign="top">

(This where your existing table code is for the two smaller boxes in the left column. Leave it how it is.)

<table width="232" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="sidetbl"> </div>
</td>
</tr>
<tr>
<td>
<div class="sidetbl"> </div>
</td>
</tr>
</table>

Now you need to add this....

</td>
<!-- Begin right column -->
<td valign="top">

Add in all the code you are wanting to move from below here.

Then once you have that in this column, close the column and table for the middle portion of your page by adding....

</td>
</tr>
</table>

Now you should be at the bottom of your page and having nothing left but the closing </body> and closing </html> tags.

If you have done it all correctly the bottom few lines of your page should look like this....

</span></ul></td>
</tr></table>

</td>
</tr>
</table>
</body>
</html>

Save it and you should be done.

Good luck with it! Yell if you need any additional help or encounter any problems.

Thank you ! An you are welcome as well. :)

Sorry if I confused you a bit. If you have any problems with it you can contact me at: wenchie(at)charter(dot)net Report It

From the looks of it, you're using an HTML program...dreamweaver I guess?

Basically, you need to put a table inside a table. You should create a new page, and copy and paste the code that makes up everything from the bottom into one of the boxes in the table. Then you can format the 3 boxes how you choose in different columns and rows...