Delete icon does not appear next to the file icon and file name in Internet Explorer 6.0

Hmm... don't know why it wouldn't show up. It's being displayed through the css file in the same manner as the other graphics. Here's the code if you feel like troubleshooting...

  div#fs a.fs_closed {
    background: url(folder.gif) left no-repeat;
    }
  div#fs a.fs_open {
    background: url(folder_open.gif) left no-repeat;
    }
  div#fs a.fs_file, div#fs div.fs_file {
    background: url(file.gif) left no-repeat;
    }
  div#fs a.fs_delete {
    background: url(delete.gif) no-repeat right center;
    padding: 0 20px 0 0;
    }

Thanks - Jamie.

I am having the same problem amoung other issues :(

I found that if I hover over where the image is supposed to be there is the link to delete, but the image dosen't show. Hmmm... I will try and play around with it to see if I can get it to work.

I would appreciate the help. I'm on a Mac based, so it's hard to troubleshoot this one. Here is where the image is being placed - in the fileshare.css file:

div#fs a.fs_delete {
background: url(delete.gif) no-repeat right center;
padding: 0 20px 0 0;
}

I don't know why it isn't working though, as it's applied in the same manner as the other images... perhaps the fs_delete class isn't being applied to the a tag?

This is an issue for me too. Very annoying. But not nearly as annoying as internet exploder is in general...

This gets the dekete arrow to show up, but it isn't lined up correctly. I tried several different things to get it right but no luck. Any css wizards that want to try...

div#fs a.fs_delete {
    background: url(delete.gif) no-repeat right center;
    padding: 0 20px 0 0;
    float: right;
    }

Great...that gets it to show up in IE, but it disappears in firefox. Grrr.

Thanks for the tip to get it to show! Now, to move them closer or line up them better, you can play around with the absolute position. It depend on what theme you are using, but mine looks like this:

div#fs a.fs_delete {
background: url(delete.gif) no-repeat right center;
padding: 0 20px 0 0;
float: right;
position: absolute;
right: 800px;
}

If anyone has anything better, maybe to line them up like they are supposed to be (next to the text).

Hi kweisblatt,

The code you gave wouldn't show up in Firefox. I spent some time and have come up with something that is displaying in both (IE and Firefox) and lines them up faily well, too. (they do seem to want to count pixels slightly differently though)

div#fs a.fs_delete {
    background: url(delete.gif) left no-repeat;
    padding: 4px 40px 4px 0px;
    margin: -15px 120px 0px 0px;
    position; relative;
    float: right;
    }

FYI, this is the code I used to fix this problem on IE6. I'm not totally certain, but I suspect IE isn't displaying the icon because there is no element content, only a background image.

First, in fileshare.module, in function function '_fileshare_handler($node)', I amended the markup for the delete button to introduce a non-breaking space ' '

        if ($modify) { 
          echo '<a href="javascript:submitDelete(\''
            .$dir.'/'.$file[$x].'\');" alt="delete file" class="fs_delete">'
            ."&nbsp;</a>\n";
        }

Then, in the CSS, I added another CSS statement under the selector 'div#fs a.fs_delete'

     text-decoration: none; /* remove underline from   introduced to fix IE */

This should be fixed in the updated module. I've just taken your code and applied it - haven't tested.