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)...
<!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 http://habboxforum.com/images/smilies/smile.gif.
How could I easily change these cells/tables into divs so that I can use CSS and make it valid xhtml? (still expandable)...
<!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 http://habboxforum.com/images/smilies/smile.gif.