Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- convert {My old </TABLE> layout) to (Shiny new CSS <DIV> layout!);}


delboy1978uk - 8:26 pm on May 5, 2009 (gmt 0)


Hi everyone
I had a neat little dreamweaver template that used a table with an editable region .

You can see it here in the old <TABLE> format:

<snip>
and here is the code:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>

</head>
<body>


<table width="100%" cellpadding="0" cellspacing="0">

<tr>
<td width="10" height="10" background="nw.gif"></td>
<td background="n.gif"></td>
<td width="10" height="10" background="ne.gif"></td>
</tr>

<tr>
<td width="10" background="w.gif"></td>
<td>
<p>MAIN CONTENT HERE</p>
<p>A very simple table - View source and you will see!</p>
<p>Images w.gif and e.gif repeat vertically depending how much content in this &lt;td&gt;<br />The top and botton images n.gif and s.gif stretch horizontally to resize with the browser.<br />Try resizing the browser, the border always looks good and stays put!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
<td width="10" background="e.gif"></td>
</tr>


<tr>
<td width="10" height="10" background="sw.gif"></td>
<td background="s.gif"></td>
<td width="10" height="10" background="se.gif"></td>
<tr>

</table>


</body>
</html>

As you can see from the source it is a very simple page!
But is there any way to recreate this using DIV tags?

Please help!
Derek :-s

[edited by: swa66 at 11:58 pm (utc) on May 5, 2009]
[edit reason] No personal URLs please see ToS and Forum Charter [/edit]


Thread source:: http://www.webmasterworld.com/css/3907392.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com