problems in rendering cell too much text

A

anurag

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>
 
A

Andy Dingley

anurag said:
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.

<!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.
 
B

Bergamot

anurag said:
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.
 
B

Bergamot

anurag said:
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.
 

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top