Page is a not externally linkable
judgedredd - 5:11 am on Aug 21, 2012 (gmt 0)
This is my first post here and I wasn't sure whether this was a css or html problem.
Doctype=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
I have placed a div a:link directly over another div image placement element that is also the surround for a video link (embedded youtube video).
I used a transparent png image as something for the link to 'wrap around' as nothing is else needed (text on the image).
But the link does not work even though I have put the z-index at 99 and the image div z-index at 1.
Here is the css code (the video-page div sits directly over the video div even though the numbers are not the same): #video {
z-index:1;
position: relative;
float: left;
left: 420px;
top: -560px;
padding-left: 24px;
padding-top: 19px;
text-align: left;
}
#video-page {
z-index:99;
position: relative;
float: left;
border-width: 1px;
border-style: solid;
border: 1px solid #000000;
left: 196px;
top: -419px;
}
Here is the relevant html code:
<div id="video" style="background-image: url('images/polaroid-outer.png'); background-repeat: no-repeat; width:207px; height:186px;">
<iframe width="158" height="119" src="video-link.php=0" frameborder="0" allowfullscreen></iframe>
</div>
<div id="video-page" style="z-index:99; width:189px; height:34px;>
<a href="videos.php"><img src="images/link.png" width="182" height="34" border="0"></a>
</div>
Can someone let me know why the div link in video-page is not working?
Thanking everyone in advance for taking a look.