Author Topic: "About me" - word wrap  (Read 2298 times)

kkrieger

  • Confirmed Member
  • **
  • Posts: 5
  • Karma: +0/-0
"About me" - word wrap
« on: April 25, 2012, 10:51:55 AM »
Hello. I'm stuck in a very serious problem. How can i make word wrap for "about me" field (or for any Field type: Textarea) in my_profile.php or profile.php pages?

from this:

to this:


I spent several hours to this, but cant do anything :(

maverick

  • Administrator
  • Veteran Member
  • *****
  • Posts: 3143
  • Karma: +211/-7
    • Maverick Webworks
Re: "About me" - word wrap
« Reply #1 on: April 25, 2012, 03:36:55 PM »
Try this:

In your skins_site/def/styles/ folder place the following code in the profile.css and my_profile.css files

#row_f16 p { 
   word-wrap:break-word;
}

Change the f16 to whatever the label is for your "About me" profile field.

You can see what the label is for "About me" in the Etano admin panel in the Profile Fields section.

Fusion Responsive Template & Free Mods
http://www.maverickwebworks.com
DO NOT PM me asking for personal help. Post your problem or request in the forums so the entire community can contribute and benefit.

kkrieger

  • Confirmed Member
  • **
  • Posts: 5
  • Karma: +0/-0
Re: "About me" - word wrap
« Reply #2 on: April 26, 2012, 01:50:37 AM »
Try this...

Thanks! It works! But how can i do the same thing for <td> cell? It works only in Opera.

maverick

  • Administrator
  • Veteran Member
  • *****
  • Posts: 3143
  • Karma: +211/-7
    • Maverick Webworks
Re: "About me" - word wrap
« Reply #3 on: April 26, 2012, 08:22:12 AM »
Try applying word-wrap to the entire table rather than just the data cell, something like this for  example ...
 
CSS:

    table {
    table-layout:fixed;
    width:100%;
    overflow:hidden;
    word-wrap:break-word;
    }

overflow:hidden is added just as extra insurance in case a legacy browser doesn't support word-wrap. You can also alternately use a fixed px amount for the width instead of 100%.

Fusion Responsive Template & Free Mods
http://www.maverickwebworks.com
DO NOT PM me asking for personal help. Post your problem or request in the forums so the entire community can contribute and benefit.

kkrieger

  • Confirmed Member
  • **
  • Posts: 5
  • Karma: +0/-0
Re: "About me" - word wrap
« Reply #4 on: April 26, 2012, 09:04:16 AM »
Try applying word-wrap to the entire table rather than just the data cell, something like this for  example...
Awesome! Works perfectly :) Thanks.