Skip navigation
Currently Being Moderated

Creating two columns using tables in Dreamweaver

Feb 9, 2013 4:08 AM

I use Dreamweaver to create a daily eblast. I create in a table, save, then upload to my server. From there, I take an URL and export, via html, in my mail server (iContac) I'd like to format it in two columns, rather than one. The left column around 650 px and the right around 250 to 300. How can produce two columns using tables?

 
Replies
  • Currently Being Moderated
    Feb 9, 2013 4:26 AM   in reply to Don Spedale

    <table width="900" border="0" cellspacing="5" cellpadding="5">

      <tr>

        <td width="650"> </td>

        <td> </td>

      </tr>

    </table>

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 5:07 AM   in reply to Don Spedale

    Hi Don,

     

    do you think about something like that?

     

    dr2Col.JPG

     

    <!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=utf-8" />
    <title>Two columns</title>
    </head>

    <body>
    <table width="900" border="0" cellspacing="5" cellpadding="5">
      <tr>
        <td colspan="2">Header text goes here.</td>
      </tr>
      <tr>
        <td width="650">Current news.</td>
        <td width="300">Yesterday's headlines.</td>
      </tr><tr>
        <td width="650">Current news text goes here.</td>
        <td width="300">Yesterday's headlines text goes here.</td>
      </tr>
     
    </table>
    <p> </p>
    <p> </p>
    </body>
    </html>

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 5:17 AM   in reply to Don Spedale

    Yes Don, you would paste the table code in code view wherever you want the table to appear.

     

    Read here on various types of table examples

    http://www.w3schools.com/html/html_tables.asp

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 11, 2013 8:09 AM   in reply to Don Spedale

    add valign="top" to tr tag

     

    <table width="900" border="0" align="center" cellpadding="5" cellspacing="5">

      <tr>

        <td colspan="2"><div align="center">Header </div></td>

      </tr>

      <tr valign="top">

        <td width="650">Left Column Content.</td>

        <td >Recent News

        <p>More</p>

        <p>More</p></td>

      </tr>

    </table>

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points