DIV to Table Conversion
in [Dreamweaver]
|
Prev: D8 crash
Next: Error Message on Insert Table Option
From: Port Man on 12 Sep 2006 12:16 I'm trying to figure out how to convert the DIV tags to a table, but can't quite get it. Can someone convert for me: <div style="padding: 5px;"> <div class="conContainer"> <div class="con_tl"><div class="con_tr"><div class="con_br"><div class="con_bl"> <div class="conTitle">Your Title Here</div> <div class="blockContent">Place your text in here</div> </div></div></div></div></div></div> With the CSS of ..conTitle {/font-size: 110%;font-weight: bold;text-decoration: none;margin: 0px 0px .2em 0px;padding: 12px 0px 10px 38px;background-image:url(images/bluex/colt.gif); background-repeat: no-repeat;color: #1d1d1d1d;} ..conIcons {float: right;position: relative;font-size: 0.85em;top: -25px;right: 5px;} ..con_tl {background-image: url(images/bluex/tl.gif);background-position: 0% 0%;background-repeat: no-repeat;position: relative;top: -1px;left: -1px;} ..con_tr {background-image: url(images/bluex/tr.gif);background-position: 100% 0%;background-repeat: no-repeat;position: relative;left: 2px;} ..con_br {background-image: url(images/bluex/br.gif);background-position: 100% 100%;background-repeat: no-repeat;position: relative;top: 2px;} ..con_bl {background-image: url(images/bluex/bl.gif);background-position: 0% 100%;background-repeat: no-repeat;position: relative;left: -2px;padding: .8em;overflow: hidden;} ..conContainer {background-image: url(images/bluex/bg.jpg);border: 1px solid #D0D0E0;position: relative;margin-bottom: 10px;z-index: 0;} Thanks. --
From: Murray *ACE* on 12 Sep 2006 12:25 Why do you want to do this? And what happens when you try? <background>This conversion, and its obverse of tables to divs, should have been removed from the product 3 versions ago. It has no practical value, and only accomplishes a complete destruction of your page's markup making longer-term maintenance of the page a nightmare.</background> -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "Port Man" <me(a)nospam.com> wrote in message news:ee6mgp$bgl$1(a)forums.macromedia.com... > I'm trying to figure out how to convert the DIV tags to a table, but > can't quite get it. Can someone convert for me: > > <div style="padding: 5px;"> > <div class="conContainer"> > <div class="con_tl"><div class="con_tr"><div class="con_br"><div > class="con_bl"> > <div class="conTitle">Your Title Here</div> > <div class="blockContent">Place your text in here</div> > </div></div></div></div></div></div> > > > With the CSS of > > .conTitle {/font-size: 110%;font-weight: bold;text-decoration: > none;margin: 0px 0px .2em 0px;padding: 12px 0px 10px > 38px;background-image:url(images/bluex/colt.gif); background-repeat: > no-repeat;color: #1d1d1d1d;} > .conIcons {float: right;position: relative;font-size: 0.85em;top: > -25px;right: 5px;} > .con_tl {background-image: > url(images/bluex/tl.gif);background-position: 0% 0%;background-repeat: > no-repeat;position: relative;top: -1px;left: -1px;} > .con_tr {background-image: > url(images/bluex/tr.gif);background-position: 100% > 0%;background-repeat: no-repeat;position: relative;left: 2px;} > .con_br {background-image: > url(images/bluex/br.gif);background-position: 100% > 100%;background-repeat: no-repeat;position: relative;top: 2px;} > .con_bl {background-image: > url(images/bluex/bl.gif);background-position: 0% > 100%;background-repeat: no-repeat;position: relative;left: > -2px;padding: .8em;overflow: hidden;} > .conContainer {background-image: url(images/bluex/bg.jpg);border: 1px > solid #D0D0E0;position: relative;margin-bottom: 10px;z-index: 0;} > > Thanks. > > -- >
From: Port Man on 12 Sep 2006 13:00 Thanks Murray. I'm not talking about the DW utility your refering to. I want to have a layout that looks like: <table width="100%" border="0"> <tr> <td colspan="3">Title</td> </tr> <tr> <td colspan="3">Content</td> </tr> <tr> <td>Title</td> <td>Title</td> <td>Title</td> </tr> <tr> <td>Content</td> <td>Content</td> <td>Content</td> </tr> <tr> <td colspan="3">Title</td> </tr> <tr> <td colspan="3">Content</td> </tr> </table> I have no idea how to use DIVs for making something look like this table... --
From: Murray *ACE* on 12 Sep 2006 13:12 <div> <h1>Title</h1> <h2>Content</h2> <h3>Title</h3> <h3>Title</h3> <h3>Title</h3> <p>Content</p> <p>Content</p> <p>Content</p> </div> <div> <h1>Title</h1> <h2>Content</h2> <h3>Title</h3> <h3>Title</h3> <h3>Title</h3> <p>Content</p> <p>Content</p> <p>Content</p> </div> -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "Port Man" <me(a)nospam.com> wrote in message news:ee6p31$emh$1(a)forums.macromedia.com... > Thanks Murray. I'm not talking about the DW utility your refering to. > I want to have a layout that looks like: > > <table width="100%" border="0"> > <tr> > <td colspan="3">Title</td> > </tr> > <tr> > <td colspan="3">Content</td> > </tr> > <tr> > <td>Title</td> > <td>Title</td> > <td>Title</td> > </tr> > <tr> > <td>Content</td> > <td>Content</td> > <td>Content</td> > </tr> > <tr> > <td colspan="3">Title</td> > </tr> > <tr> > <td colspan="3">Content</td> > </tr> > </table> > > I have no idea how to use DIVs for making something look like this > table... > > -- >
From: Osgood on 12 Sep 2006 13:23
Murray *ACE* wrote: > <div> > <h1>Title</h1> > <h2>Content</h2> > <h3>Title</h3> > <h3>Title</h3> > <h3>Title</h3> > <p>Content</p> > <p>Content</p> > <p>Content</p> > </div> > <div> > <h1>Title</h1> > <h2>Content</h2> > <h3>Title</h3> > <h3>Title</h3> > <h3>Title</h3> > <p>Content</p> > <p>Content</p> > <p>Content</p> > </div> > How will that work without the accompanying css? |