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