DIV to Table Conversion
in [Dreamweaver]
|
Prev: D8 crash
Next: Error Message on Insert Table Option
From: Osgood on 12 Sep 2006 13:33 Port Man wrote: > I have no idea how to use DIVs for making something look like this > table... > This might be a bit more helful but if you don't know any css it most probably wont, stick with tables. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> body { font-family: verdana, arial, helvetica sans-serif; font-size: 11px; } #one, #two, #three { float: left; width: 33%; } h1 { font-size: 16px; } h2 { font-size: 14px; } h1, h2 { margin: 0 0 4px 0; padding: 0; } p { margin: 0 0 7px 0; padding: 0; } </style> </head> <body> <div id="wrapper"> <h1>Title</h1> <p>Content</p> <div id="one"> <h2>Title</h2> <p>Content</p> </div><!-- end one --> <div id="two"> <h2>Title</h2> <p>Content</p> </div><!-- end two --> <div id="three"> <h2>Title</h2> <p>Content</p> </div><!-- end three --> <h2>Title</h2> <p>Content</p> </div> </body> </html>
From: Murray *ACE* on 12 Sep 2006 14:08 It does exactly what the OP asked for, no? -- 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 ================== "Osgood" <notavailable(a)atthisaddress.com> wrote in message news:ee6qi8$gbg$1(a)forums.macromedia.com... > 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? >
From: Murray *ACE* on 12 Sep 2006 14:11 Oh - oops. Sorry. I read the adjacent columns as being adjacent rows. Use Osgood's example. -- 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 ================== "Osgood" <notavailable(a)atthisaddress.com> wrote in message news:ee6qi8$gbg$1(a)forums.macromedia.com... > 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? >
From: Port Man on 12 Sep 2006 15:01 Thanks Osgood and Murray. I'll give it a shot and let you know what happens! --
From: Port Man on 12 Sep 2006 17:34
Ok, I've tried using the code that Osgood put in, and make it work with the divs that I originall posted, but it didn't work (my doing I'm quite sure). It had put the text all over the browser. What I'm after is to take the text that is in each of the <td> areas seen here: http://www.saeportal.com/modules/tdcontent/index.php?id=2 and make them have the look like the round edges and background seen here: http://www.saeportal.com/modules/tdcontent/index.php?id=5 Any help would be great! Thanks. -- |