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> &nbsp; <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:

live demo

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:

text-overflow:ellipsis in firefox 4? (and ff5)


Comments

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -