CSS text over flow why isn't this working -
i want text in header shortned ellipses. doesn't whole address shows in 1 line
<table border="0" style="font-weight:normal; position: absolute; top:45; left: 0;"> <th align="left" style="" width="10%"> <span style=" overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:10px; font-weight:normal; white;" onclick="dropdownresize()"><i>address</i> <b>${bean.address}</b></span> </th> <tr > <td style=" border-style:solid; border-width:0px; text-transform:capitalize; text-indent:1px;"> </br> <br>usual address <br><b>${bean.address}</b></br> <br> </td> </tr> </table>
you have lot of stuff wrong code,
for start using <b> <i> using <table>s layout content (which way bad practise) , using <br> </br> aren't real tags - tag looking <br/> - self closing tag can never contain arguments or content.
the <span> tags have chose use not support width parameter wrap text contained within them , such have changed <div> , changed <b> , <i> tags <span> tags css classes attached them.
i have fixed coding here:
as table layout suggest read few of these:
http://shouldiusetablesforlayout.com/
http://www.hotdesign.com/seybold/
http://webdesign.about.com/od/layout/a/aa111102a.htm
http://www.htmlgoodies.com/beyond/css/article.php/3642151/css-layouts-without-tables.htm
next up, support:
ff4 not support text-overflow:ellipsis used in ff3.6 via hack, see here further info:
Comments
Post a Comment