Question

I’m stuck on how to use the ‘text-overflow’ function.

Heres my code:

<style type="text/css">
#filenm {   white-space: nowrap;    width: 100%;    overflow: hidden;   text-overflow: ellipsis; } </style>

<td width="614" height="28" colspan="18" background="images/site_23.gif"><div id="filenm" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:center;"> <?php $filename = $_GET['filename']; echo 'File Name:'.$filename.'.zip'; ?></div></td>

Id like the text in the div ‘filenm’ to not over-flow out of the box that it is in.

Huge thanks to anyone who can help!

Answer 1

You need to set a height for overflow for it to work:

    #filenm{
      height: 300px;
    }