Help for this Div Options

[brittanyoliver]

I've tried the tutorials and everything but something is still not right. I am using this image for my div: http://img509.imageshack.us/img509/4480/mydiv2fl3bq9kx5.png

Now the problem is that I am trying to have those words be actual links to click to either view pics or add me. But how do I do that. I know it has something to do with coordinates but its not working. This is what I came up with to be the actual coordinates for this:

CODE

<div class="brittany_Map">
<IMG SRC="http://img509.imageshack.us/img509/4480/mydiv2fl3bq9kx5.png" WIDTH=631 HEIGHT=863 BORDER=0 ALT="" USEMAP="#brittany_Map">
<MAP NAME="brittany_Map">

<AREA SHAPE="rect" ALT="msg" COORDS="15,1405,315,1495" HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=45761405">
<AREA SHAPE="rect" ALT="pix" COORDS="405,1405,640,1495" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=45761405">
<AREA SHAPE="rect" ALT="add" COORDS="735,1405,1030,1495" HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=45761405">
<AREA SHAPE="rect" ALT="book" COORDS="1125,1405,1400,1495" HREF="http://fs2.formsite.com/brittanyoliver/form668935629/index.html">
</MAP>
</div>

This DIV is to not show any comments. I will post a second image to be the "about me" part where the viewer can link to leave a comment from the image itself. Someone please help! Thank you.

[MissHygienic]

Well, first of all, the width and height of your image is incorrect. It's not 591 by 800. It's 631 by 863.

[brittanyoliver]

OK thank you I will edit that but the div still doesnt show properly.

[MissHygienic]

Post your codes. It's probably something with your DIV positioning.

[brittanyoliver]

What would be the correct code for me? Because I notice that some require 2 entries and some require only one. For example some layouts ask to enter in the About me section and also the Who I like meet section, and then some only ask you to enter it in the About me section. So what code is right for me? Then maybe I can jus place my urls and coords in there to see if that would work.

[Relentless]

^It does not matter which one you put in. As long as it's in "About Me / I'd like to meet".

The reason people separate the coding because it will be easier to spot a certain DIV so you can edit. For example, in ABOUT ME, you would put all the CSS codes, that way you don't have to fiddle around with it. Then you put the DIV codes in I'd Like To Meet and you know that you have to edit the div's in I'd Like To Meet.

Overall, it doesn't matter where you place the codings at.

[brittanyoliver]

OK. Here is the code I used. I separated it because its more convenient for me. The only thing I did not include are the coords for the link locations because I am not sure where to place them. The code I posted above are the correct link coords. Could someone help me place them in these codes correctly? Thank you.

Place in About Me box:

CODE

<style type="text/css">

body {background-color:fff;} td, .text, h2, div, input {color:000;font-family:arial; font-size:11px; letter-spacing:0pt;font-weight: Normal;text-transform:NONE;}

table, tr, td {background:transparent; border:0px;} div table td font {visibility:hidden;} div table table table td font {visibility:visible;} table table table td {visibility:hidden;} marquee, table table table div td {visibility:visible;} table div div, table tr td div font a {visibility:hidden;}

.navigationBar{display:none;}
img {border:0px;}

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}

.text, table table table table a, table table table table div,.frm1 {visibility:hidden;} table table table table div a, .frm1 input {visibility:visible;}
.BrittanyOliverLYTComment {display:none;} .text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} table table, table table td {padding:0px; height:0px;}

.nav {display:block; color:333333!important; text-align:right; font-family:arial; font-size:23px; letter-spacing:-2px; font-weight:normal; width:auto; text-transform:normal;
text-decoration:none!important; line-height:20px; background-color:transparent; border-left:0px; padding:2px; padding-left:2px; padding-bottom:0px; padding-right:0px;
margin: 0px; margin-bottom: 2px; margin-top: 0px; margin-right: 2px; margin-left: 2px;}

.nav:hover {display:block; color:C0C0C0!important; text-align:right; font-family:arial; font-size:23px; letter-spacing:-2px; font-weight:normal; width:auto;
text-transform:normal; text-decoration:none!important; line-height:20px; background-color:transparent; margin:0px; border-left:16px solid; border-color:C0C0C0; padding:2px; padding-left:2px; padding-bottom:0px; padding-right:0px;margin: 0px; margin-bottom: 2px; margin-top: 0px; margin-right: 2px; margin-left: 2px;}

B {color:333333;}
I {color:808080;}
U {color:969696;}
S {color:C0C0C0;}

.Banner{border:0px solid; border-color:none;overflow-x:hidden; position:absolute; z-index:1; left:50%; top:0%; margin-left:-306px; margin-top:130px; visibility:visible;}

.aboutME{background-color:transparent; border:0px; width:350px; height:490px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-80px;
margin-top:765px; visibility:visible;}

.body{background-color:transparent; border:0px; width:200px; height:200px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-308px;
margin-top:765px; visibility:visible;}

</style>

Place in Who I'd Like To Meet box:

CODE

</td></tr></table></td></tr></table></td></tr></table></div>

{layout by Brittany Oliver : myspace.com/_kharma}

<div class="BrittanyOliverLYT">

<div class="Banner">

<img src="http://img509.imageshack.us/img509/4480/mydiv2fl3bq9kx5.png">

</div>

<div class="aboutMe">
THIS IS WHERE MY ABOUT ME GOES

</div>

<div class="body">


THIS IS WHERE I PLACED MY LINK COORDS.

</div>

</div>
</div>
<div class="frm2"><table><tr><td><table><tr><td><table><tr><td>

Let me know if I am forgetting something, I spent hours on this trying to figure it out.

[brittanyoliver]

OK I FIGURED IT OUT!!! My coords werent correct with the size image I had. :)

[MissHygienic]

Topic Closed.