How To Fix <TD> Element Size?

ivan · #1 Nov 29th, 2005, 03:36

Hi everybody, i have a problem to fix the size of the <TD> element, can some one help me? Belows is my code:

<HTML>
   <HEAD><TITLE>Testing</TITLE></HEAD>
   <BODY>
      <TABLE Border="1" Width="100%">
      <TR>
         <TD Width="17%">Original Message</TD>
         <TD>
         <DIV id="fraGroup" scrolling="yes" class=textboxWidthSet style="height:100;overflow-
y:scroll;overflow-x:scroll;background-color:#FFFFFF;border:groove 1px #FFFFFF">
TestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTesting
TestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTesting
TestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTesting
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Rob · #2 Nov 29th, 2005, 12:33

Add this to your CSS styles for that element:
word-wrap: break-word

ivan · #3 Dec 1st, 2005, 00:27

Hi Rob,

I put it in the CSS style and <TD word-wrap:break-word> element, i also add this before HTML tag:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN"
   "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
    :
</HTML>

But the result still same. The Width of the first <TD> is shifted. Actually, Width='17%' in the first <TD> is enough to display the text 'Original Message:' in one line, but because the word in the second <TD> is too long and force the text 'Message:' to the new line, so the width is not 17%.

How can i fix the width and display the text in just one line?

Do u or anybody have an idea to do this?

sypher · #4 Dec 1st, 2005, 03:38

To make it so the td expands with the text, just dont add a width.

Rob · #5 Dec 1st, 2005, 15:00

Quote:

Originally Posted by ivan

This is wrong.

Add the style to the div tag, like so:-

HTML: Select all

<DIV id="fraGroup" scrolling="yes" class=textboxWidthSet style="height:100;overflow-
y:scroll;overflow-x:scroll;word-wrap:break-word;background-color:#FFFFFF;border:groove 1px #FFFFFF">

Although, why you dont just use an external CSS file is beyond me.

ivan · #6 Dec 4th, 2005, 23:31

Thank you Rob, now i can solve the problem.

Thanks a lot..

ProfessorX · #7 Dec 11th, 2005, 18:43

I think specify a fixed width may solve the problem like:

HTML: Select all

<td width="100">
you text here
</td>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
help on removing element using yui	shotokan99	JavaScript Forum	1	Aug 31st, 2007 13:42
using params in xsl IF element	zzqproject	Other Programming Languages	0	Nov 21st, 2005 23:12
XHTML Block Element in an Inline Element	gohankid77	Web Page Design	6	Jul 27th, 2004 10:15

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
How To Fix <TD> Element Size?