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

Writlaus · Apr 27th, 2006, 3:15 AM

This very code didn't work in IE or Firefox.

<table width=100% style="word-wrap:break-word">
<tr style="word-wrap:break-word">
<td style="word-wrap:break-word">
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
</td></tr></table>

EDIT: there are no breaks in those Ws. the forum software puts them in automatically.

Agent 47 · Apr 27th, 2006, 4:44 AM

'Break-word' is IE only.

Use something on the server to format the text correctly. PHP's
wordwrap, for example.

Writlaus · Apr 27th, 2006, 4:28 PM

I know I could use that, but... I hate how some lines would show up longer than others just because it's using bigger characters. I wish I could find a function that does wordwarp deliminated by physical length of a phrase, not deliminated by the amount of characters in the phrase.

Writlaus · Apr 27th, 2006, 5:39 PM

Okay, I have another idea. Is there some way to put a horizontal scrollbar in a table cell?

a thing · Apr 27th, 2006, 6:30 PM

http://www.w3schools.com/css/pr_pos_overflow.asp

DaWei · Apr 27th, 2006, 7:12 PM

Nice, familiar link. Doesn't fix the problem, though.

Agent 47 · Apr 28th, 2006, 8:32 AM

Quote:

Originally Posted by Writlaus

Okay, I have another idea. Is there some way to put a horizontal scrollbar in a table cell?

Yes, but you need to give the cell a fixed width.

(Toggle Plain Text)

<td style="width:150px; overflow:auto;">
   sldkgh sdgsodiglksdjlksdglsdkgjkldfjglsdk gflkdsjglksdgjklsfjgfs
</td>

Writlaus · Apr 28th, 2006, 4:19 PM

(Toggle Plain Text)

<table width=100% style="word-wrap:break-word">
<tr style="word-wrap:break-word">
<td style="width:150px; overflow:auto;">
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
</td></tr></table>

That didn't work either...

a thing · Apr 28th, 2006, 6:20 PM

overflow:scroll

Writlaus · Apr 28th, 2006, 6:29 PM

Changing overflow:auto to overflow:scroll didn't help either.

EDIT: it works in IE, but not firefox. I need something that works in all major browsers...

Thanks for the suggestion, though. I do appreciate it.

another edit: Well, it actually doesn't scroll in IE. It was just truncating from that leftover 'word-wrap:break-word' stuff.

Apr 27th, 2006, 3:15 AM	#11
Writlaus Hobbyist Programmer Join Date: Nov 2005 Posts: 149 Rep Power: 4	This very code didn't work in IE or Firefox. (Toggle Plain Text) <table width=100% style="word-wrap:break-word"> <tr style="word-wrap:break-word"> <td style="word-wrap:break-word"> WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW </td></tr></table> <table width=100% style="word-wrap:break-word"> <tr style="word-wrap:break-word"> <td style="word-wrap:break-word"> WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW </td></tr></table> EDIT: there are no breaks in those Ws. the forum software puts them in automatically.

Apr 27th, 2006, 4:44 AM	#12
Agent 47 Hobbyist Programmer Join Date: Nov 2005 Posts: 122 Rep Power: 4	'Break-word' is IE only. Use something on the server to format the text correctly. PHP's wordwrap, for example. __________________ "I'm going to become rich and famous when I invent a device that allows you to stab people in the face over the internet"

Apr 27th, 2006, 6:30 PM	#15
a thing Unverified User Join Date: Aug 2005 Location: none Posts: 146 Rep Power: 0	http://www.w3schools.com/css/pr_pos_overflow.asp __________________ Warning: My posts may change (dramatically) within the first 15 minutes they're posted. Got 'Nux?�GNU/Linux and other free software support. It's GNU/Linux, not just Linux.

Apr 27th, 2006, 7:12 PM	#16
DaWei Resident Grouch Join Date: Jun 2005 Posts: 6,453 Rep Power: 10	Nice, familiar link. Doesn't fix the problem, though. __________________ Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Apr 28th, 2006, 4:19 PM	#18
Writlaus Hobbyist Programmer Join Date: Nov 2005 Posts: 149 Rep Power: 4	(Toggle Plain Text) <table width=100% style="word-wrap:break-word"> <tr style="word-wrap:break-word"> <td style="width:150px; overflow:auto;"> WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW </td></tr></table> <table width=100% style="word-wrap:break-word"> <tr style="word-wrap:break-word"> <td style="width:150px; overflow:auto;"> WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW </td></tr></table> That didn't work either...

Apr 27th, 2006, 4:28 PM	#13
Writlaus Hobbyist Programmer Join Date: Nov 2005 Posts: 149 Rep Power: 4	I know I could use that, but... I hate how some lines would show up longer than others just because it's using bigger characters. I wish I could find a function that does wordwarp deliminated by physical length of a phrase, not deliminated by the amount of characters in the phrase.

Apr 27th, 2006, 5:39 PM	#14
Writlaus Hobbyist Programmer Join Date: Nov 2005 Posts: 149 Rep Power: 4	Okay, I have another idea. Is there some way to put a horizontal scrollbar in a table cell?

Apr 28th, 2006, 6:20 PM	#19
a thing Unverified User Join Date: Aug 2005 Location: none Posts: 146 Rep Power: 0	overflow:scroll __________________ Warning: My posts may change (dramatically) within the first 15 minutes they're posted. Got 'Nux?�GNU/Linux and other free software support. It's GNU/Linux, not just Linux.

Apr 28th, 2006, 6:29 PM	#20
Writlaus Hobbyist Programmer Join Date: Nov 2005 Posts: 149 Rep Power: 4	Changing overflow:auto to overflow:scroll didn't help either. EDIT: it works in IE, but not firefox. I need something that works in all major browsers... Thanks for the suggestion, though. I do appreciate it. another edit: Well, it actually doesn't scroll in IE. It was just truncating from that leftover 'word-wrap:break-word' stuff.

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

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

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

advanced wordwrap?