CSS wordwrap fuck shit
- That-Is-Bull
-
That-Is-Bull
- Member since: Apr. 29, 2004
- Offline.
-
- Forum Stats
- Member
- Level 22
- Blank Slate
I need the overflowing shit on this layout to wrap to the next line. Tried Google and a few IRC rooms, got nothing.
- Itsover9000
-
Itsover9000
- Member since: Aug. 7, 2007
- Offline.
-
- Forum Stats
- Member
- Level 10
- Blank Slate
- That-Is-Bull
-
That-Is-Bull
- Member since: Apr. 29, 2004
- Offline.
-
- Forum Stats
- Member
- Level 22
- Blank Slate
At 8/29/07 10:15 PM, Itsover9000 wrote: http://msdn2.microsoft.com/en-us/library /ms531186.aspx
Didn't do anything.
- That-Is-Bull
-
That-Is-Bull
- Member since: Apr. 29, 2004
- Offline.
-
- Forum Stats
- Member
- Level 22
- Blank Slate
At 8/29/07 10:22 PM, That-Is-Bull wrote:At 8/29/07 10:15 PM, Itsover9000 wrote: http://msdn2.microsoft.com/en-us/library /ms531186.aspxDidn't do anything.
Oh, it's IE only. Fuck that.
- Jessii
-
Jessii
- Member since: Feb. 10, 2005
- Offline.
-
- Forum Stats
- Member
- Level 36
- Movie Buff
It's weird that it didn't wrap to the next line. Try specifying white-space: normal; and see if that works. What I think is that the background is what's causing the problem so try to repeat the background first and then try the white-space.
- That-Is-Bull
-
That-Is-Bull
- Member since: Apr. 29, 2004
- Offline.
-
- Forum Stats
- Member
- Level 22
- Blank Slate
At 8/30/07 07:50 AM, Jessii wrote: It's weird that it didn't wrap to the next line. Try specifying white-space: normal; and see if that works. What I think is that the background is what's causing the problem so try to repeat the background first and then try the white-space.
Didn't do anything, and the background is already repeating. CSS pisses me off.
- Loccie
-
Loccie
- Member since: Feb. 27, 2004
- Offline.
-
- Forum Stats
- Member
- Level 16
- Blank Slate
I think you can't split one long word with css. But this also wont work with a table. But why do you want such a long word to split anyway? I don't think you'll ever need to type a word that's longer then your layout's width. If you really want this you could split words that are to long with javascript or php.
- That-Is-Bull
-
That-Is-Bull
- Member since: Apr. 29, 2004
- Offline.
-
- Forum Stats
- Member
- Level 22
- Blank Slate
At 8/30/07 09:09 AM, Loccie wrote: I think you can't split one long word with css. But this also wont work with a table. But why do you want such a long word to split anyway? I don't think you'll ever need to type a word that's longer then your layout's width.
Me neither, but I'm selling this layout for $120 and he wants it to word wrap. I'll just tell him to add a space or something.
- Andy-Smithy
-
Andy-Smithy
- Member since: Jul. 27, 2006
- Offline.
-
- Forum Stats
- Member
- Level 09
- Blank Slate
- Jessii
-
Jessii
- Member since: Feb. 10, 2005
- Offline.
-
- Forum Stats
- Member
- Level 36
- Movie Buff
At 8/30/07 11:08 AM, Andy-Smithy wrote: You need to calm the fuck down mate.
Most, if not all of his posts, are like this.
- authorblues
-
authorblues
- Member since: Jun. 21, 2005
- Offline.
-
- Forum Stats
- Member
- Level 12
- Blank Slate
my first reaction is going to be that if anyone is going to manually enter information into a layout, they shouldnt be typing things like "aaaaaaaa...". if this info is being entered in with a script (thru some sort of content management system), you can enter soft hyphens.
i dont think i like the solution im about to propose, but ill share it, since it might work. using javascript, do the following steps:
1) get the content of the div using innerHTML (thats how id retrieve it, at least).
2) split into an array using String.split(' ').
3) traverse the array and find long words (above a certain length).
4) for any long word, insert soft hyphens (­) every X characters (20, perhaps?)
5) put it back together using Array.join(' ').
6) put it back in the div.
doing this everytime the visitor opened the page would be stupid. your client needs to realize that this isnt really possible under the current implementation of CSS (3.0 supports it with word-wrap, but gecko doesnt handle it properly. trident does).


