SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2012
    Posts
    52
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Lightbulb Add some css to class=templatetext to avoid text outside container

    I would like to know what css to add in order to prevent text :"To attend to customerís feedback, enquiries or other needs immediately" more than its container. Add something to css class=templatetext or others css class.

    User post on new job by copying from other job description to editor, sometime existing format will make the text over container.

    http://jsfiddle.net/CB5Lr/4/

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    HI,

    Assuming that the font tag is placed there by your editor and you can do nothing about it then the following code should do what you want.

    Code:
    .templatetext li font{
    	overflow:hidden;
    	text-overflow:ellipsis;
    	width:100%;
    	display:block;	
    }

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    HI,

    Assuming that the font tag is placed there by your editor and you can do nothing about it then the following code should do what you want.

    Code:
    .templatetext li font{
    	overflow:hidden;
    	text-overflow:ellipsis;
    	width:100%;
    	display:block;	
    }
    Unless you meant you wanted the text to wrap then instead you could use.

    Code:
    .templatetext li font{
    	display:block;	
    	word-wrap:break-word;
    }

  4. #4
    SitePoint Enthusiast
    Join Date
    Nov 2012
    Posts
    52
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Unless you meant you wanted the text to wrap then instead you could use.

    Code:
    .templatetext li font{
    	display:block;	
    	word-wrap:break-word;
    }
    Thanks for helping me. It solve the problem.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •