CSS/HTML: 'Overschrijven' van plaatje in link

[shlammod]

Ik heb van een derde partij een stuk of wat functies gekregen om te gebruiken in een website.

Deze creeërt de volgende code (stukje ervan)

code:

<table class="tablecontent">
<tr>
    <td class="preview">
        <a href="http://www.bla.nl/mp3/mp3.mp3" class="preview">[img]"http://www.bla.nl/img/mp3.gif"[/img]</a>
    </td>
</tr>
</table>

Nu wil ik mbv CSS ervoor zorgen dat de mp3.gif wordt overschreven met een plaatje dat ik zelf wil neerzetten.
Ik heb al een en ander geprobeerd, maar het lukt me niet om er voor te zorgen dat óf de <a> tag over de <img> komt te liggen en dat ik in de <a> tag een achtergrond meegeef waarin ik mijn plaatje zet, of met de <td> tag vergelijkbaar iets probeer.

Ik had iets gevonden met 'display: block;' maar dit lijkt niet te werken..
ook 'float: left/right;' heb ik geprobeerd.

Heeft iemand een idee waar ik moet kijken (in welke richting) of kan mij een zetje in de juiste geven?

[BtM909]

De <a> tag een position: absolute en z-index:200 (of ieder ander getal >1) meegeven.

Wellicht dat je de width / height nog moet aanpassen?


Daarnaast zou je die img (als die een class of id heeft) op hidden kunnen zetten

[shlammod]

Thanx, dat was het inderdaad;

Ik heb het nu zo opgelost:

code:

a.preview { width: 24px; height: 24px; background: url(http://www.mijnserver.nl/img/mp3.gif); }
img { visibility: hidden; width: 24px; height: 24px; }