Can I do this easily, if so how?

**Recursion** · 01-06-2007, 08:13 PM

Hello,

How could I easily change these cells/tables into divs so that I can use CSS and make it valid xhtml? (still expandable)...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<title>Untitled Document</title>
 
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
    background-color: #69A8DC;
}
-->
</style></head>
 
 
 
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<table width="553" border="0" cellpadding="0" cellspacing="0">
 
    <tr>
 
        <td background="images/Part-1_12.gif" valign="top">
 
            <table width="143" border="0" cellpadding="0" cellspacing="0">
 
                <tr>
 
                    <td colspan="3"><img src="images/Part-1_01.gif" width="143" height="14" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td colspan="3" background="images/Part-1_02.gif" width="143" height="179" alt="">This will be the Request Form and Radio Player</td>
 
                </tr>
 
                <tr>
 
                    <td colspan="3"><img src="images/Part-1_03.gif" width="143" height="17" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td colspan="3" background="images/Part-1_04.gif">This will be the navigation :P</td>
 
                </tr>
 
                <tr>
 
                    <td colspan="3"><img src="images/Part-1_03.gif" width="143" height="17" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td colspan="3" background="images/Part-1_04.gif">Paragraphs can contain many different kinds of information. A paragraph could contain a series of brief examples or a single long illustration of a general point. It might describe a place, character, or process; narrate a series of events; compare or contrast two or more things; classify items into categories; or describe causes and effects. Regardless of the kind of information they contain, all paragraphs share certain characteristics. One of the most important of these is a topic sentence.</td>
 
                </tr>
 
                <tr>
 
                    <td colspan="3"><img src="images/Part-1_03.gif" width="143" height="17" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td colspan="3" background="images/Part-1_04.gif">This will be the login and info bit for a user system :P</td>
 
              </tr>
 
                <tr>
 
                    <td colspan="3"><img src="images/Part-1_05.gif" width="143" height="35" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td rowspan="3"><img src="images/Part-1_06.gif" width="9" height="99" alt=""></td>
 
                    <td><img src="images/Part-1_07.gif" width="123" height="5" alt=""></td>
 
                    <td rowspan="3"><img src="images/Part-1_08.gif" width="11" height="99" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td><img src="images/Part-1_09.gif" width="123" height="89" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td><img src="images/Part-1_10.gif" width="123" height="5" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td colspan="3"><img src="images/Part-1_11.gif" width="143" height="28" alt=""></td>
 
                </tr>
 
            </table>
 
        </td>
 
        <td valign="top">
 
            <table id="Table_01" width="410" height="600" border="0" cellpadding="0" cellspacing="0">
 
                <tr>
 
                    <td><img src="images/Part-2_01.gif" width="410" height="124" alt="" /></td>
 
                </tr>
 
                <tr>
 
                    <td><img src="images/Part-2_02.gif" width="410" height="10" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td background="images/Part-2_03.gif">This will be the content area with an expandable iframe hehe!</td>
 
              </tr>
 
                <tr>
 
                    <td><img src="images/Part-2_04.gif" width="410" height="5" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td><img src="images/Part-2_05.gif" width="410" height="20" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td><img src="images/Part-2_06.gif" width="410" height="10" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td background="images/Part-2_07.gif">This could be the disclaimer or something :)</td>
 
              </tr>
 
                <tr>
 
                    <td><img src="images/Part-2_08.gif" width="410" height="5" alt=""></td>
 
                </tr>
 
                <tr>
 
                    <td><img src="images/Part-2_09.gif" width="410" height="25" alt=""></td>
 
                </tr>
 
            </table>
 
        </td>
 
    </tr>
 
</table>
 
</body>
 
</html>

One of my mates coded this and I don't like tables, I want DIVs but people won't do it for free and my mate cant do DIVs.

Thanks
Tom

Moved by opensourcehost (Forum Moderator) from Web Designing: Please post in the correct forum next time, thanks .