Problem with text-overflow:ellipsis

i have panel on page trying stop becoming deep, have set max-height , expecting text present me '...' when box no longer large enough. trouble is, it's not working. time can css activate ellipsis if use text-overflow:nowrap, need wrap 3 lines maximum before ellipsis kick in.

 

i have rule in external style:

 

.pnlchat {

          background-color: #2a2d2c;

          padding: 35px 35px 28px 35px;

          margin-bottom: 9px;

          max-height:100px;

}

 

and inline css:

 

<div class="pnlchat" style="overflow:hidden; white-space: normal;text-overflow:ellipsis;">

 

what doing wrong?

i jquery condense plugin. 

https://github.com/jsillitoe/jquery-condense-plugin

you can configure truncate text many characters wish.

 

i have working example below.  click more+ or less+ links see in action.

http://alt-web.com/fluidgrid/fluid2.html

 

 

nancy o.

More discussions in Dreamweaver support forum

adobe