wrapping text

sureshbabu · September 24th, 2004, 08:20 AM

Hi All,
I have a problem. If use enters word of size 40 charcters more than that while displyaing it is distrbing table structure. I want to wrap the text and get into the next line. Here I am using "wrap=hard" attrubute. Even then That is not getting to the 2nd line. I know that there will be no word of size of 40 or more. But testers will try for that. I want a quick solution for that.
Thanks
Suresh

happygv · September 24th, 2004, 05:27 PM

I would say, you use width attribute to achieve that. Table element support just NOWRAP attribute, which is boolean and if present, doesn't wrap the text, if absent it wraps the text within the cell for a given width. So it is all to do with WIDTH attribute and omit the WRAP related attribute there.

Hope that helps.
Cheers!

_________________________
- Vijay G
Strive for Perfection

sureshbabu · September 25th, 2004, 02:55 AM

Hi Vijay,
Even i assign width = 30%, If That text entered is more than that it is crossing that limit of 30% and it is going beyond the screen and a scroll bar is appear at the bottom of the page.
Any Help..
Thanks
Suresh

BurhanKhan · September 25th, 2004, 08:45 AM

do not put any attribute for warp. The table will automatically warp it. i.e

<td> // no attribute for warp
this is the 40 character text
</td>
From
Burhan

happygv · September 25th, 2004, 10:00 AM

Suresh, you will have to set the width for all the <TD>s there. All together should sum up to 100%. If not specified width for the other <TD>s within this <table>, then for any lengthy line this would adjust with the width of the other TDs. Another way(reliable) is to specify width in pixels, though that is not recommended as works fine for a fixed resolution.

Hope that helps.
Cheers!

_________________________
- Vijay G
Strive for Perfection

sureshbabu · September 28th, 2004, 06:42 AM

Hi all,
Even i gave width attribute all the columns and sum of all is equal to 100%, if i give a text of length 40 characters with out space it is not getting wrapped. That you can test on your system also. Even i dont use width attribute the same thing happening.
Any more ideas..
Thanks
Suresh

pgtips · September 28th, 2004, 06:59 AM

try adding the CSS style "word-wrap: break-word;" to the TD. This only works, though, if you have a fixed width setting (e.g. pixels) not a % setting.

This is really a problem for the CSS or HTML forums.

pgtips · September 28th, 2004, 07:28 AM

sorry, just noticed that word-wrap is a microsoft only css extension, only works on IE5.5+