Linked Questions
31 questions linked to/from text-overflow:ellipsis in Firefox 4? (and FF5)
2 votes
2 answers
5k views
Truncating long strings with ellipsis via PHP or CSS in Firefox [duplicate]
Possible Duplicate: text-overflow:ellipsis in Firefox 4? I have the same issue mentioned in Truncating long strings with CSS: feasible yet?. It's been nearly two years since that post, and ...
301 votes
19 answers
297k views
HTML - how can I show tooltip ONLY when ellipsis is activated
I have got a span with dynamic data in my page, with ellipsis style. .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-...
210 votes
10 answers
405k views
css overflow - only 1 line of text
I have div with the following css style: width:335px; float:left; overflow:hidden; padding-left:5px; When I insert, into that div, a long line of text, it's breaking to a new line and displays all ...
65 votes
14 answers
57k views
Ideal method to truncate a string with ellipsis
I'm sure all of us have seen ellipsis' on Facebook statuses (or elsewhere), and clicked "Show more" and there are only another 2 characters or so. I'd guess this is because of lazy programming, ...
25 votes
7 answers
91k views
How do I detect the user’s browser and apply a specific CSS file?
I need to detect the browser and apply the matched CSS file. I have created 3 css files: __ie.css, ff.css, opera.css. Now I need to detect the browser in order to include the good one. I know this ...
19 votes
13 answers
18k views
How can I mimic text-overflow: ellipsis in Firefox?
I have some dynamic text contained in a div that is set to whatever a user enters in a textbox field. If the text doesn't fit in the div, right now it just gets cut off at the edge and all the text ...
15 votes
3 answers
39k views
How do I display only the first 10 characters from a string using CSS?
I have a string of 30 characters I want to only display the first 10 followed by ... so for example thisisastringthatis30characterslong would become thisisastr... Is this possible using CSS? ...
6 votes
2 answers
9k views
how to make cross browser css ellipsis?
I used this p.test { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} but it's not working on Firefox. And I didn't check on other browsers. But I need cross browser ...
11 votes
3 answers
5k views
How do you make table cells show as much text as fits in one line, like GMail and Google Reader?
What is the best way to make a table (not necessarily using the table tag) where each row has a fixed height and fills the entire available horizontal space and one of the columns has a dynamic width ...
5 votes
2 answers
22k views
HTML / CSS Ellipsis (...) Not Working
I'm attempting to get ellipsis working on my site. This is the following HTML / CSS code and it doesn't appear to be working. CSS: .oneline { text-overflow:ellipsis; white-space: nowrap; width: ...
8 votes
5 answers
2k views
Firefox 3 vs Firefox 4 development difference?
I was thinking of updating to Firefox 4 (currently running Firefox 3.6.15 -- hold on not a software question specifically!) and had some concerns when it comes to web development. My only concern is ...
11 votes
2 answers
8k views
CSS text-overflow - apply ellipsis if text extends (n)th line
I'm using the following code to to prevent text from overflowing to a new line: .info-box{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 3em; width: 300px; font-...
4 votes
1 answer
6k views
In mozilla, text-overflow:ellipsis not working
I have used a jquery plugin for getting ellipsis in mozilla but I want to know other methods to get the ellipsis because the plugin I have used showing script error in some cases. /******edited********...
2 votes
1 answer
6k views
how to obtain Text-overflow : ellipsis type style (...) in mozilla
I am trying to get ellipsis in Mozilla.I have found out some jquery plug in which helps to form ellipsis in Mozilla but when huge amount of data comes it does not handle well forming script error in ...
1 vote
2 answers
3k views
Simulate text-overflow: ellipsis in CSS2
Is there any way to simulate text-overflow: ellipsis using CSS2? I found this solution that emulates text-overflow:ellipsis in firefox with CSS but it's not working. I'm not interested in a ...