Image mapping issues, for a band page Options

[none345678]

I can't get the links on top to work using image mapping they way I have always done it.

bio

CODE

<style> table, tr, td { background-color:transparent; border:none; border-width:0;} table table table { border-style:solid; border-width:0px; border-color:000000 background-color:000000; } .r{} table table table {border:0px padding:1; } table table{border:0px} table table table table{border:0px} font, td, a, body, input, table {color:ffffff;font-family:arial;} body, td, li, p, div, li, h1, h2, p, br {font-family: arial; font-size: 9pt; color: ffffff; font-weight: bold; } .btext {font-family: arial; font-size: 9pt; color: ffffff; } .blacktext10 {font-family: arial; font-size: 9pt; color: ffffff; } .blacktext12 {font-family: arial; font-size: 9pt; color: ffffff; } .lightbluetext8 {font-family: arial; font-size: 9pt; color: ffffff; } .nametext {font-family: arial; font-size: 9pt; color: ffffff; } .orangetext15 {font-family: arial; font-size: 9pt; color: ffffff; } .redbtext {font-family: arial; font-size: 9pt; color:ffffff; } .redtext {font-family: arial; font-size: 11pt; color: ffffff; } .text {font-family: arial; font-size: 9pt; color: ffffff; } .whitetext12 {font-family: arial; font-size: 9pt; color: ffffff; } .r{} .blacktext12 {visibility:hidden; display:none} .contactTable {display: none;} </style> <style> .nabsf { position:absolute; left:50%; top:0px; z-index:1; margin-left:-447px; padding:0px; border:0px; background-color:transparent;} .yalsf { position:absolute; left:50%; top:805px; z-index:1; margin-left:-447px; padding:0px; border:0px; background-color:transparent;} .vanasf { position:absolute; left:50%; top:873px; z-index:2; margin-left:-429px; padding:0px; border:0px; background-color:transparent;} .vanbsf { position:absolute; left:50%; top:873px; z-index:2; margin-left:-267px; padding:0px; border:0px; background-color:transparent;} .vancsf { position:absolute; left:50%; top:873px; z-index:2; margin-left:110px; padding:0px; border:0px; background-color:transparent;} .vandsf { position:absolute; left:50%; top:873px; z-index:2; margin-left:273px; padding:0px; border:0px; background-color:transparent;} .oibsf { position:absolute; left:50%; top:1650px; z-index:1; margin-left:-417px; padding:0px; border:0px; background-color:transparent;} .pmetsf { position:absolute; left:50%; top:1650px; z-index:1; margin-left:19px; padding:0px; border:0px; background-color:transparent;} .redilssf { position:absolute; left:50%; top:1856px; z-index:1; margin-left:-403px; padding:0px; border:0px; background-color:transparent;} </style><style> {Music Player} td.text object {position:absolute; top:968px; left:50%; margin-left:-25px; z-index:9;} td.text td td object {position:static; margin-left:0px;} </style> <div class="friendspacecomments" style="overflow:auto;width: 835px; height:371px; position: absolute; top:2163px; margin-left: -450px; z-index:3; left:50%; "><center><table><table><tr><td><table></center></div> <table><table><tr><td> <table><tr><td><table>

members

CODE

<style type="text/css">
.designmindz { just below is the code where put the URL to your top banner image – replace the link } </style>

<div class="nabsf"><table id="Table_01" width="891" border="0" cellpadding="0" cellspacing="0"><img src="http://i42.tinypic.com/2wfo9lj.png" width="891" height="600" /></a></table></div>



<style type="text/css">
.designmindz { just below is the code where put the URL to your background image – replace the link } </style>

<style> body{background-image:url(http://i42.tinypic.com/2j4q2x3.png); background-attachment:fixed; background-repeat: no-repeat; background-position:top center; background-color:000000; margin-top:590px; }</style>



<style type="text/css">
.designmindz { just below is the code that changes the clickable link color } </style>

<style> .r{} a:link, a.man:link, a.navbar:link, a.text:link {font-family: arial; font-size: 9pt; color: CFCFCF; text-decoration: none; } a:hover, a.man:hover, a.navbar:hover, a.text:hover{font-family: arial; font-size: 9pt; color: ffffff; text-decoration: underline; } a:visited, a.man:visited, a.navbar:visited, a.text:visited {font-family: arial; font-size: 9pt; color: CFCFCF; text-decoration: none; } a:hover, a.man:hover, a.navbar:hover, a.text:hover{font-family: arial; font-size: 9pt; color: ffffff; text-decoration: underline; } </style>



<style type="text/css">
.designmindz { just below is the code where put the URL to your overlay image – replace the link } </style>

<div class="yalsf"><table id="Table_01" width="891" border="0" cellpadding="0" cellspacing="0"><img src="http://i44.tinypic.com/rh1sa1.jpg" width="891" height="1900" /></a></table></div> </div>




<style type="text/css">
.designmindz { just below is the code for your bio text } </style>

<div class="oibsf" style="font-family:arial;font-size:12px;color:ffffff;width:397px;height:315px;overflow:auto">

Replace this text with your bio

</div>



<style type="text/css">
.designmindz { just below is the code where put the image codes of text for the scroll box, max image size before you get a horizontal scroll bar is 375px... you can exceed that 375px if you want } </style>

<div class="pmetsf" style="font-family:arial;font-size:12px;color:ffffff;width:397px;height:315px;overflow:auto">


Text text tetx.....

</div>

It's a band template from
here

[Mickey]

You can also try putting up an image and positioning blank but clickable DIVs over the links on that image like this:

CODE

<div style="position:absolute; top:500px; left:50%; margin-left:-250px; width:200px; height:100px;">
<a href="URL" style="width:200px; height:100px; display:block;">&nbsp;</a>
</div>

Of course, you'd have to change the margin and size values along with the URL of the link you want it to lead to.

[none345678]

Thanks a lot guys, I do need to update my ways a bit.

You can close it now. (:

[manny-the-dino]

Topic Closed & Moved