Programming Forums > Web Development and Design > HTML / XHTML / CSS

Writlaus · Apr 26th, 2006, 12:08 AM

If I have a table cell that has is only supposed to be (for example) 50% wide, but has the word WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW in it, is there a way I could have that cut off and begin on a new line after it gets past the 50% mark?

Writlaus · Apr 26th, 2006, 12:19 AM

I was just thinking, is there some special character that acts as a space but doesn't appear? I could scatter it in longer words so it splits it and makes a new line when it needs to.

titaniumdecoy · Apr 26th, 2006, 12:19 AM

This will do the trick:

(Toggle Plain Text)

word-wrap: break-word;

(EDIT:) I did a little research, and I found the character . If you scatter it throughout a word, the word will break appropriately with a hyphen at the appropriate points. So, for example:

(Toggle Plain Text)

antidisestablishmentarianism

might become

(Toggle Plain Text)

antidisestablish-
mentarianism

If you don't want hyphens, apparently <wbr /> and & #8203; work as well.

java_roshan · Apr 26th, 2006, 12:48 AM

However, there's one problem with . Firefox, does not support it.

If you every tried this "Quick Reply" box, with a string having "NO SPACES" greater than 54 characters, there won't be a word wrap and the box would have a horizontal scroll bar!

Writlaus · Apr 26th, 2006, 3:40 AM

Where would I put that in the table tag? something like this?

<table style='word-wrap:break-word;'>

Because that's not working...

mrynit · Apr 26th, 2006, 4:01 AM

Quote:

Originally Posted by Writlaus

If I have a table cell that has is only supposed to be (for example) 50% wide, but has the word WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW in it, is there a way I could have that cut off and begin on a new line after it gets past the 50% mark?

post code.

what do you actualy put in the cell? are you sure this isnt an error. i think i have had this problem before. if the width is set auto word wrap should be implamented by the browser. that waht i think. i anit no HTML guru.

titaniumdecoy · Apr 26th, 2006, 5:50 PM

Writlaus, try using double quotes instead of single quotes.

DaWei · Apr 26th, 2006, 6:58 PM

Quote:

try using double quotes instead of single quotes.

What is this, old Voodoo week?

Dameon · Apr 26th, 2006, 7:06 PM

Perhaps that style should be applied to <td>, the immediate parent of the text nodes in question? A quick way to affect them all would be through CSS.

Writlaus · Apr 27th, 2006, 2:12 AM

I tried applying the style to <table>, <tr>, and <td>, all of which made no effect. And I tried the "voodoo" for kicks--that didn't work either, no big surprise.

Apr 26th, 2006, 12:08 AM	#1
Writlaus Hobbyist Programmer Join Date: Nov 2005 Posts: 149 Rep Power: 3	advanced wordwrap? If I have a table cell that has is only supposed to be (for example) 50% wide, but has the word WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW in it, is there a way I could have that cut off and begin on a new line after it gets past the 50% mark?

Apr 26th, 2006, 12:19 AM	#3
titaniumdecoy Expert Programmer Join Date: Nov 2005 Posts: 855 Rep Power: 3	This will do the trick: (Toggle Plain Text) word-wrap: break-word; word-wrap: break-word; (EDIT:) I did a little research, and I found the character . If you scatter it throughout a word, the word will break appropriately with a hyphen at the appropriate points. So, for example: (Toggle Plain Text) antidisestablishmentarianism antidisestablishmentarianism might become (Toggle Plain Text) antidisestablish- mentarianism antidisestablish- mentarianism If you don't want hyphens, apparently <wbr /> and & #8203; work as well. Last edited by titaniumdecoy; Apr 26th, 2006 at 12:47 AM.

Apr 26th, 2006, 12:48 AM	#4
java_roshan Professional Programmer Join Date: Mar 2005 Location: Student of University of Mumbai, Maharashtra State, India Posts: 344 Rep Power: 4	However, there's one problem with . Firefox, does not support it. If you every tried this "Quick Reply" box, with a string having "NO SPACES" greater than 54 characters, there won't be a word wrap and the box would have a horizontal scroll bar! __________________ Visit: http://www.somaiya.edu

Apr 26th, 2006, 7:06 PM	#9
Dameon Troll Join Date: Apr 2005 Location: Texas Posts: 732 Rep Power: 4	Perhaps that style should be applied to <td>, the immediate parent of the text nodes in question? A quick way to affect them all would be through CSS. __________________ MD5(sig) = bcef75433db02e9ad9bf81d6f7c5c270

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Apr 26th, 2006, 3:40 AM	#5
Writlaus Hobbyist Programmer Join Date: Nov 2005 Posts: 149 Rep Power: 3	Where would I put that in the table tag? something like this? <table style='word-wrap:break-word;'> Because that's not working...

Apr 26th, 2006, 5:50 PM	#7
titaniumdecoy Expert Programmer Join Date: Nov 2005 Posts: 855 Rep Power: 3	Writlaus, try using double quotes instead of single quotes.

Apr 27th, 2006, 2:12 AM	#10
Writlaus Hobbyist Programmer Join Date: Nov 2005 Posts: 149 Rep Power: 3	I tried applying the style to <table>, <tr>, and <td>, all of which made no effect. And I tried the "voodoo" for kicks--that didn't work either, no big surprise.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > HTML / XHTML / CSS

advanced wordwrap?