King of Kings1
BSOD
- Messages
- 1,072
How do I get a link on a picture?
<style type="text/css">
.whitetext12{visibility:hidden;}
.lightbluetext8{visibility:hidden;}
body{background-color:000000;}
table,tr,td{background-color:transparent;border:0px;}
a img{border:0px;}
font{visibility:hidden;}
font a.navbar{visibility:visible;}
body div table table{position:absolute;
left:50%;
top:0px;
margin-left:-400px;
z-index:4;}
.back{position:absolute;
background-color:000000;
background-image:url(http://photobucket.com/albums/a191/vennomrk/v2/Ryan.jpg);
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
top:120px;
left:50%;
margin-left:-400px;
width:800px;
height:556px;
z-index:2;}
.topleft{position:absolute;
top:260px;
left:50%;
margin-left:-315px;
width:150px;
height:130px;
z-index:3;
border:0px red solid;}
.bottomleft1{position:absolute;
top:520px;
left:50%;
margin-left:-335px;
width:80px;
height:130px;
z-index:3;
border:0px red solid;}
.bottomleft2{position:absolute;
top:520px;
left:50%;
margin-left:-235px;
width:80px;
height:130px;
z-index:3;
border:0px red solid;}
.topright{position:absolute;
top:260px;
left:50%;
margin-left:162px;
width:150px;
height:130px;
z-index:3;
border:0px red solid;}
.bottomright{position:absolute;
top:530px;
left:50%;
margin-left:162px;
width:80px;
height:130px;
z-index:3;
border:0px red solid;}
a.navbar,
a.navbar:link,
a.navbar:visited,
a.navbar:active,
a.navbar:hover{color:ffffff;}
a:link,
a:visited,
a:active{color: 000000;font-family:arial, verdana, tahoma, sans-serif;font-size:10px;text-decoration:none;}
a span{display:none;}
a:hover span {display: block;
position: absolute; top: -186px; left: 167px; width: 225px;
padding: 5px; margin: 10px; z-index: 5;
color: white; background-color:transparent;filter:none;
font-size: 10px;font-family: arial, verdana, tahoma, sans-serif; text-align: center;text-decoration:none;}
a.new:link,
a.new:visited,
a.new:active{color: 000000;font-family:arial, verdana, tahoma, sans-serif;font-size:10px;text-decoration:none;}
a.new span{display:none;}
a.new:hover span {display: block;
position: absolute; top: -186px; left: 67px; width: 225px;
padding: 5px; margin: 10px; z-index: 5;
color: white; background-color:transparent;filter:none;
font-size: 10px;font-family: arial, verdana, tahoma, sans-serif; text-align: center;text-decoration:none;}
* html a:hover span {display: block;
position: absolute; top: -187px; left: 165px; width: 225px;
padding: 5px; margin: 10px; z-index: 5;
color: white; background-color:transparent;filter:none;
font-size: 10px;font-family: arial, verdana, tahoma, sans-serif; text-align: center;text-decoration:none;}
* html a.new:hover span {display: block;
position: absolute; top: -187px; left: 65px; width: 225px;
padding: 5px; margin: 10px; z-index: 5;
color: white; background-color:transparent;filter:none;
font-size: 10px;font-family: arial, verdana, tahoma, sans-serif; text-align: center;text-decoration:none;}
</style>
<style>
#one {
}
#two {
position: relative;
left: 130px;
top: -50px;
}
</style>
<div id="one">
<img src="http://www.google.co.uk/images/hp0.gif">
<img src="http://www.google.co.uk/images/hp1.gif">
<img src="http://www.google.co.uk/images/hp2.gif">
</div>
<div id="two"><A href="test.html"><strong>test sentance or link</A></strong></div>