Text wrapping problem

April 17th, 2006, 9:14 am

Quickie

I have a table that is 160 pixels wide
I have a link (unbroken text), that is 50 characters long

How do I tell HTML to wrap it around, rather than expanding the table width?

Exaple:
ForexampleifIhavereallylongtextitwillexpandthesizeofthewindowtomatch

I want this to show like:
ForexampleifIhavereallylon
gtextitwillexpandthesizeo
fthewindowtomatch

Is there a way I can do this in CSS or with tags? I could strlen() and cut it manually, but that seems archaic.

JM

April 17th, 2006, 9:26 am

for IE you could use word-brake or something like that.
for others, really dont think there is a way to cut word in half with css alone.

have you tried: http://tinyurl.com/ ?

April 17th, 2006, 4:04 pm

I found How to break a long text string to make it wrap

It involves using a textarea form field - certainly not ideal.

April 18th, 2006, 9:21 am

Is this just a one-off, or a repeating problem?

If it is just a single instance, can't you just insert a few <br>'s?

April 18th, 2006, 10:01 am

You can use a DIV inside the table and overflow:auto as style and it works.

April 18th, 2006, 10:02 am

style="word-wrap:break-word" is another possibility

April 18th, 2006, 10:02 am

yenerich wrote:

You can use a DIV inside the table and overflow:auto as style and it works.

I tried the div inside but it still expanded the width. I tried overflow:elipse but the documentation says it only works if the parent width is known. I also tried the word-break, but again it says it must know the parent width.

Can you post an example of how you would use a div section with overflow? Maybe it is different than my test.

JM

April 18th, 2006, 10:16 am

<div style="word-wrap:break-word;width=160px;">
aaaaaaaabbbbbbbbbcccccccccccc dddddddddddddddeeeeeeeeeefffff ggggggggggggggggghhhhhhhhhhhhhhhhhhhiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
</div>

April 18th, 2006, 10:24 am

word-wrap: break-word is an IE-specific piece of css (I pretty sure). Using it
would be a mistake.

Your only options are <br> or some form of scripting.

April 18th, 2006, 10:28 am

bad news, yenerich

April 18th, 2006, 10:45 am

Oops!

I never like Mozilla... now have one more reason!

There is no way to do it for Mozilla? Have to be one way...

At least you have a way for IE ussers (most of the world), just need to find some for the horrible Mozilla

April 21st, 2006, 12:26 pm

Here is the best way I finally came up to do it:

http://www.rentyourdot.com/services/pre ... ?style=xxx

Check out the links on the right side

Code: [ Download ] [ Select ]

<div style="position:relative;"><div style="width:100%; position:absolute; top: 0; left 0; overflow:hidden;">
Reallylongtexttexttexttexttexttexttexttexttexttexttexttexttexttext
<div></div>

1. <div style="position:relative;"><div style="width:100%; position:absolute; top: 0; left 0; overflow:hidden;">
2. Reallylongtexttexttexttexttexttexttexttexttexttexttexttexttexttext
3. <div></div>

Not really the best solution, but it seems to work.

JM

July 28th, 2006, 12:09 am

give the solution of wrapping text in to column in mozila browser.it's work in IE using set width of columns