linking images Options

[kmesz]

I finally discovered the joys of div layovers I just have one problem. I can't get my images to link.
this is my code
<div class="bg" style="position:absolute; top:594px; left:50%; margin-top:0px; margin-left:162px; height: 410px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_07.jpg"/>
</div>

whenever I write <a href="http://urltothesite.com"> it makes the button disappear.
can anyone clear this up to my as to why this is happening?

Thanks!

[Mickey]

Replace your codes with this:

CODE

<style>.userProfileURL { display:none; }</style>
<style>
.profileWidth table { margin-bottom:620px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:900px; height:900px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -150px;
</style>

<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_About.jpg" />
<br />Hey my name is Dave. I'm a Producer and Guitarist hailing from Vancouver, Canada. Songs I'm working on will come and go on this site as I meander about the industry. If you like what I do please let me know.

<style>
.contactTable {display:none;}
</style>

<style>body.bodyContent { background-color: BEBFC1; background-position: center center; background-repeat: repeat-y; background-attachment: scroll; background-image: url('http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Background-1.jpg') !important; } tr { background-color: transparent; } div table { background-color: transparent; }</style>

<style>body.bodyContent{background-color: 34A88F;background-position: top center;background-repeat: repeat-y;background-attachment: fixed;}body.bodyContent{background-color: 343434;}table,tr,td{background-color: transparent;border-style: none;}table table table{border-top-style: solid;border-top-width: 0px;border-top-color: 222222;border-right-style: solid;border-right-width: 0px;border-right-color: 222222;border-bottom-style: solid;border-bottom-width: 0px;border-bottom-color: 222222;border-left-style: solid;border-left-width: 0px;border-left-color: 222222;background-color: transparent;}table table,table table table table,table table table td{border-style: none;background: transparent;}</style><style>table table table td table td.text a{margin-left: 10px;}table.contactTable td.text a{margin-left: 0px;}Headings,span.orangetext15,span.whitetext12,span.nametext,span.btext{color: 640413;}ContactHeader,table.contactTable tr td.text span.whitetext12{color: 000000;}AllLinksNormal,a,a:link,a:visited,a.man,a.man:link,a.man:visited,a.navba
,a.navbar:link,a.navbar:visited,a.redlink,a.redlink:link,a.redlink:visited,a.sea
chlinkSmall,a.searchlinkSmall:link,a.searchlinkSmall:visited,a:hover,a:active,a.
an:hover,a.man:active,a.navbar:hover,a.navbar:active,a.redlink:hover,a.redlink:a
tive,a.searchlinkSmall:hover,a.searchlinkSmall:active{color: 000000;}i.text span.text a{ display:block; border:1px solid; border-color:F78400; width:106px; height:40px; background-color:292929; top:30px; left:5px; position:absolute; font:normal normal 11px tahoma; text-align:center; color:FFFFFF; text-decoration:none; font-weight:normal; cursor:pointer; } i.text span.text a b{ display:block; height:20px; color:9CBDE7; text-decoration:underline; font-weight:normal; background-color:111111; cursor:pointer; } i.text span.text a span{ line-height:20px; color:DE6310; text-decoration:none; cursor:pointer; } AllLinksHover,a:hover,a:active,a.man:hover,a.man:active,a.navbar:hover,a.navbar:
ctive,a.redlink:hover,a.redlink:active,a.searchlinkSmall:hover,a.searchlinkSmall
active{color: 000000;}NavBarNormal,a.navbar,a.navbar:link,a.navbar:visited,a.navbar:hover,a.na
bar:active{color: 222222;}td.text div table tr td table{rc: 1;background: transparent;}.function{}</style>

<style>
html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 30px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 720px !important;
_margin-left: -2px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Comments.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 80px !important;
color: 000000 !important;
width: 800px; position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 5px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 80px !important;
_margin-bottom: -1px !important;}


html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 75px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/friends.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
}


html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 25px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Blog.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -4px !important;
_margin-top: 0px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: ;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: ;
width: 443px;
color: ;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 1px;
overflow: hidden;
color: !important;
line-height: 300px;
}

</style>
<div class="bg" style="position:absolute; top:100px; left:50%; margin-top:0px; margin-left:-420px; height: 234px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_01.jpg" />
</div>


<div class="bg" style="position:absolute; top:334px; left:50%; margin-top:0px; margin-left:-420px; height: 423px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_02.jpg" />
</div>

<div class="bg" style="position:absolute; top:334px; left:50%; margin-top:0px; margin-left:162px; height: 67px; overflow: hidden;">
<a href="#"><img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_03.jpg" /></a>
</div>

<div class="bg" style="position:absolute; top:401px; left:50%; margin-top:0px; margin-left:162px; height: 43px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_04-1.jpg" />
</div>

<div class="bg" style="position:absolute; top:479px; left:50%; margin-top:0px; margin-left:162px; height: 71px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_05.jpg" />
</div>

<div class="bg" style="position:absolute; top:538px; left:50%; margin-top:0px; margin-left:162px; height: 56px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_06.jpg" />
</div>

<div class="bg" style="position:absolute; top:594px; left:50%; margin-top:0px; margin-left:162px; height: 410px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_07.jpg" />
</div>

<div class="bg" style="position:absolute; top:757px; left:50%; margin-top:0px; margin-left:-420px; height: 410px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM_Page_08-1-1.jpg" />
</div>

<div class="bg" style="position:absolute; top:757px; left:50%; margin-top:0px; margin-left:-70px; height: 60px; overflow: hidden;">
<img src="http://i267.photobucket.com/albums/ii283/kmesz/davidsmypace01/DM-Music.jpg" />
</div>

That should make them work.