I have my HTML:
and my CSS:
But I cannot get the intro a to sit over the top of the intro text. Can anyone tell me what I am doing wrong pls?
At the moment, I have compromised by "positioning" the intro a actually over the URL area on the image, but I just want intro a to cover the whole image.
Code:
<td align="left" id="intro">Welcome to the my website! <a href="http://xxxxx">Click here for more information.</a></td>
Code:
#intro { display: block; text-indent: -9000px; background: url("welcome.gif") left top no-repeat; background-repeat: no-repeat; height: 80px; width: 480px; } #intro a { display: block; margin-left: 275px; margin-top: 25px; height: 20px; width: 185px; }
At the moment, I have compromised by "positioning" the intro a actually over the URL area on the image, but I just want intro a to cover the whole image.
Comment