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.
Click to expand...

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

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>
Click to expand...

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
Click to expand...

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

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Nested Loop Insert Page Break 1
How to wrap <td> content . 16
Can anyone please help? HTML - two tables applying different styles 4
SendGrid email issue in responsive Gmail 1
How to have two html audio players on one page? 0
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Image shifts to the right when export the page to pdf 4

Members online

No members online now.
Total: 62 (members: 1, guests: 61)
Robots: 447

Forum statistics

Threads
473,994
Messages
2,570,223
Members
46,813
Latest member
lawrwtwinkle111

Latest Threads

Top