problems in rendering cell too much text

Discussion in 'HTML' started by anurag, Dec 28, 2006.

  1. anurag

    anurag Guest

    Hi all,
    i need to introduce a functionality in HTML tables that will imitate
    auto-indentation,ie, with increasing rows, the text will be rendered at
    a further offset than the previous one.
    For this, i'm using DIV tags and setting style = "margin-left: X"
    where X increases with each row.
    The problem is that if a cell contains huge text, some of the text gets
    clipped and the whole text is not rendered.
    Plz let me know wht can b done so that the text is rendered completely.

    Following is the HTML source i'm using:

    <!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=UTF-8">
    <title>/New Project/New Folder/g</title></head>
    <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#EE0000" ALINK="#808080"
    VLINK="#808080">
    <!-- 28 December 2006 a -->
    <table border><tr bgcolor="#FFC0CB">
    <th width=50 align=Right>ID</th>
    <th width=381 align=Left>...</th>
    <th nowrap> Links </th>
    </tr>
    <tr><td valign="top">27</td>
    <td valign="top"><DIV style="margin-left: 0px"><a name="X27">
    </a><b>1 dog</b><br></DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">28</td>
    <td valign="top"><DIV style="margin-left: 42px"><a name="X28">
    </a><b>1.1 horse</b><br>rat<br>
    </DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">37</td>
    <td valign="top"><DIV style="margin-left: 70px"><a name="X37">
    </a><b>1.1.1 cow</b><br>text:cow<br>
    </DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">38</td>
    <td valign="top"><DIV style="margin-left: 89px"><a name="X38">
    </a><b>1.1.1.1 buffalo</b><br>hi there, hello world , lion dear<br>
    </DIV></td>
    <td nowrap align="left"><a href =
    "_New_Project_New_Folder_g_1.htm#X42"> k<br> (42)</a>(OUT)<br>
    <small>...</small></td>
    </tr>
    <tr><td valign="top">39</td>
    <td valign="top"><DIV style="margin-left: 101px"><a name="X39">
    </a><b>1.1.1.1.1 elephant</b><br></DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">40</td>
    <td valign="top"><DIV style="margin-left: 110px"><a name="X40">
    </a><b>1.1.1.1.1.1 lion</b><br></DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">41</td>
    <td valign="top"><DIV style="margin-left: 115px"><a name="X41">
    </a><b>1.1.1.1.1.1.1 goat</b><br></DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">42</td>
    <td valign="top"><DIV style="margin-left: 119px"><a name="X42">
    </a><b>1.1.1.1.1.1.1.1
    camel</b><br>catcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatcatdog<br>
    </DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">44</td>
    <td valign="top"><DIV style="margin-left: 122px"><a name="X44">
    </a>gdhhh<br>
    </DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">43</td>
    <td valign="top"><DIV style="margin-left: 122px"><a name="X43">
    </a><b>1.1.1.1.1.1.1.1.1 cat</b><br>bat<br>
    </DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">45</td>
    <td valign="top"><DIV style="margin-left: 123px"><a name="X45">
    </a><b>1.1.1.1.1.1.1.1.1.1
    rabitRABITrabitRABITrabitRABITrabitRABITrabitRABITrabitRABITrabitRABIT</b><br>djfvfuj<br>
    </DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">77</td>
    <td valign="top"><DIV style="margin-left: 124px"><a name="X77">
    </a><img src="OLE000004d823Attribute-Object_Text-0" height=15 width=304
    alt="OLE Object"> <br>
    </DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">47</td>
    <td valign="top"><DIV style="margin-left: 124px"><a name="X47">
    </a>goat<br>
    </DIV></td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">58</td>
    <td valign="top"><a name="X56">
    </a><table border = 1 cellPadding = 0 cellSpacing = 0>
    <tr>
    <td colSpan=150 valign="top"><a name="X58">
    </a>a<br>
    </td>
    <td colSpan=150 valign="top"><a name="X59">
    </a>a<br>
    </td>
    </tr>
    <tr>
    <td colSpan=150 valign="top"><a name="X61">
    </a>a<br>
    </td>
    <td colSpan=150 valign="top"><a name="X62">
    </a>a<br>
    </td>
    </tr>
    </table>
    </td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">65</td>
    <td valign="top"><a name="X63">
    </a><table border = 1 cellPadding = 0 cellSpacing = 0>
    <tr>
    <td colSpan=150 valign="top"><a name="X65">
    </a><H13> hi there</H13>
    this is object text.<br>
    </td>
    <td colSpan=150 valign="top"><a name="X66">
    </a>&nbsp</td>
    </tr>
    <tr>
    <td colSpan=150 valign="top"><a name="X68">
    </a>&nbsp</td>
    <td colSpan=150 valign="top"><a name="X69">
    </a>&nbsp</td>
    </tr>
    </table>
    </td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    <tr><td valign="top">72</td>
    <td valign="top"><a name="X70">
    </a><table border = 1 cellPadding = 0 cellSpacing = 0>
    <tr>
    <td colSpan=150 valign="top"><a name="X72">
    </a>&nbsp</td>
    <td colSpan=150 valign="top"><a name="X73">
    </a>&nbsp</td>
    </tr>
    <tr>
    <td colSpan=150 valign="top"><a name="X75">
    </a>&nbsp</td>
    <td colSpan=150 valign="top"><a name="X76">
    </a>&nbsp</td>
    </tr>
    </table>
    </td>
    <td nowrap align="left"><small>...</small></td>
    </tr>
    </table>
    <DIV align="center"><p><a href =
    "http://www.telelogic.com/doors/">Produced by DOORS 8.2.0.0</a></DIV>
    </body>
    </html>
     
    anurag, Dec 28, 2006
    #1
    1. Advertising

  2. anurag

    Andy Dingley Guest

    anurag wrote:

    > i need to introduce a functionality in HTML tables that will imitate
    > auto-indentation,ie, with increasing rows, the text will be rendered at
    > a further offset than the previous one.


    Use CSS and stick a "level-1" / "level-2" etc. class on the <tr>


    > <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    > "http://www.w3.org/TR/html4/loose.dtd">


    Use 4.01 Strict instead. You'll have an easier time getting the
    positioning consistent between browsers.
     
    Andy Dingley, Dec 28, 2006
    #2
    1. Advertising

  3. anurag

    Bergamot Guest

    anurag wrote:
    >
    > i need to introduce a functionality in HTML tables that will imitate
    > auto-indentation,ie, with increasing rows, the text will be rendered at
    > a further offset than the previous one.
    > [snip code]
    > <b>1.1 horse</b>


    Your code isn't very legible, but this looks suspiciously like a
    numbered list to me, not tabular data, though it is difficult to tell.
    You may have decided on a solution before sufficiently defining the problem.

    Post a URL instead. Then maybe someone can give you a better way to do
    whatever it is you are really trying to accomplish.

    --
    Berg
     
    Bergamot, Dec 28, 2006
    #3
  4. anurag

    Bergamot Guest

    anurag wrote:
    >
    > i need to introduce a functionality in HTML tables


    Hmmm... you emailed me privately with a base-64 encoded attachment.
    That sort of thing is reserved for spammers and other slugs trying to
    infect my PC with various evil things. Needless to say, your message and
    its attachment went directly into the trash bin, never to be opened.

    Post a URL so everyone can join in the fun.

    --
    Berg
     
    Bergamot, Dec 29, 2006
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. SB
    Replies:
    0
    Views:
    377
  2. news.rcn.com
    Replies:
    1
    Views:
    9,681
    Chris Smith
    Jul 12, 2004
  3. cpp4ever
    Replies:
    3
    Views:
    379
    Francesco
    Sep 8, 2009
  4. Raymond Schanks
    Replies:
    0
    Views:
    539
    Raymond Schanks
    Apr 11, 2010
  5. Pete Mahoney
    Replies:
    1
    Views:
    220
    Ray at
    Dec 15, 2003
Loading...

Share This Page