asked on

What do I use tables or div to my portal?

To my website, i want to display the news, article, image in a row section with 3 columns... what should I use to do that ? table or div could be used to split and fix the position?

SOLUTION

eXman_pl

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

Sinoj Sebastian

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Loganathan Natarajan

ASKER

nothing big on that, just creating a ROW splitting into 3 columns, each column, put dynamic data say, first column, load news description, middle, load image, third column, load article description..

it was done earlier using table with equal width of the columns..

<table width="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#FFB2E1"><img src="#" width="60" height="17" /></td>
    <td bgcolor="#FF6EC0"><img src="#" width="78" height="17" /></td>
    <td bgcolor="#D3469C"><img src="#" width="115" height="17" /></td>
  </tr>
  <tr>
    <td width="35%" height="95" valign="top" bgcolor="#FFE8F6"><table width="100%"  border="0" align="left" cellpadding="0" cellspacing="2">
      <tr>
        <td valign="top" class="newssubline"><table width="100%"  border="0" cellspacing="2" cellpadding="0">
          <tr>
            <td height="19" class="blogline" valign="top"> This is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is sample textThis is s
              &nbsp; <a title="Read more" class="morenews" href="#">read more...</a> </td>
          </tr>
        </table></td>
      </tr>
    </table></td>
    <td width="30%" height="95" valign="top"><table width="100%"  border="0" align="left" cellpadding="0" cellspacing="2">
      <tr>
        <td valign="top" class="newssubline"><input name="imgvb" type='hidden' value='#'>
              <table width="100%"  border="0" cellspacing="2" cellpadding="0">
                <tr>
                  <td height="19" class="blogline" valign="top" align="center"><div align="center"> <a href="#"> <img border="0" src="#" align="middle"> </a><br />
                      <a title="View more" class="morenews"	href="#"> view more... </a> </div></td>
                </tr>
            </table></td>
      </tr>
    </table></td>
    <td width="35%" height="95" valign="top" bgcolor="#FFF3FA"><table width="100%"  border="0" align="left" cellpadding="0" cellspacing="2">
      <tr>
        <td valign="top" class="newssublinetamil"><input name="twb" type='hidden' value='10'>
              <table width="100%"  border="0" cellspacing="2" cellpadding="0">
                <tr>
                  <td height="19" valign="top" class="bloglinetamil">TextTextTextText</td>
                </tr>
            </table>
              <span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span>
              <span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span>
              <table width="100%"  border="0" cellspacing="2" cellpadding="0">
              </table>
              <span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span><span class="bloglinetamil">Text</span>
              <a title="Read more" class="morenews" href="#">read more...</a>
              <table width="100%"  border="0" cellspacing="2" cellpadding="0">
                          </table></td>
      </tr>
    </table></td>
  </tr>
</table>

Open in new window

ASKER CERTIFIED SOLUTION

uzzidesign

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial