Help, Div layout Options

[momo9041]

Ok i designed this out but i need help putting contect boxes over the pictures.but i want the pictures to be seen when i put the content boxes over them.can you help?


Heres a picture of my design

[xklynn9x]

couldn't you just create a div layer on top of the pictures and put links in it? like this. and just edit it to the specifications that you want?

CODE

<div style="position: absolute; left:783px; top:85px; width:75px; height:35px; overflow: auto; background-color:transparent;">

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=FRIENDID" class="add"></a>
</div>


<div style="position: absolute; left:825px; top:130px; width:66px; height:30px; overflow: auto; background-color:transparent;">

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&amp;friendID=FRIENDID" class="msg"></a>
</div>

<div style="position: absolute; left:880px; top:160px; width:70px; height:29px; overflow: auto; background-color:transparent;">

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=FRIENDID&MyToken=951b28c8-9940-479f-8a37-8af5119081d4" class="comment"></a>

<style>

a.msg {
width: 66px;
  height: 30px;
  background-image: url();
background-repeat: no-repeat;
  }

a.msg:hover {
  background-image: url();
  }




a.add {
width: 75px;
  height: 35px;
  background-image: url();
background-repeat: no-repeat;
  }

a.add:hover {
  background-image: url();
  }





a.comment {
width: 70px;
  height: 29px;
  background-image: url();
background-repeat: no-repeat;
  }

a.comment:hover {
  background-image: url();
  }



</style>

</div>