by ryanileo , 4 pages, 0 comment. Modified on .

1. Simulating text-overflow on Firefox with unobtrusive Javascript

   The best example on the web of getting Firefox to display an elipsis ('...') on text-overflow.

   http://blog.360.yahoo.com/blog-ktYYK_s5fqJ2Hu1ryv2QSL0-?p=120

   1
2. CSS Text Truncation Problem Description

   Internet Explorer and Safari support the ellipsis property for text-overflow (in css: text-overflow:ellipsis;). Firefox does not. This notebook is comprised of pages solving the problem for Firefox using CSS, javaScripts and an XBL (Extensible Binding Language) object.

   2
3. Code Directory

   Here is the code directory to reproduce the effects demonstrated on page 4 of this notebook.

   http://www.hedgerwow.com/360/dhtml/text_overflow/

   3
4. Working Example of the Code

   Resize your browser window to see the Firefox truncation in action. (Works with IE and Safari too, of course).

   http://www.hedgerwow.com/360/dhtml/text_overflow/demo.php

   4

Most Viewed Notebooks
  (last 7 days)

Latest Notebooks

More notebooks...