div help Options

[rayyyy]

Okay so i created my layout and the navigation links are part of the layout.

So i coded the navigation and put it on myspace but it only works if i put it at the top of the who i'd like to meet section. Well i have my div's in that section as well and when i put the code there it shifts my layout down a lot but that's the only way it works...if its in that section.

heres the code for my navigation.

CODE

<div class="overlay">
<img src="http://img102.imageshack.us/img102/8245/ppstlay34copyhc1.jpg" width="700" height="1219" border="0" color="black" alt="" usemap="RaesMap"
<map name="raesmap">
<area shape="rect" alt="HOME" coords="421,1,446,105" href="httphttp://home.myspace.com/index.cfm?fuseaction=user" target="_self">
<area shape="rect" alt="ADD" coords="461,1,493,112" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=238708533" target="_self">
<area shape="rect" alt="MESSAGE" coords="489,1,524,105" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=238708533" target="_self">
<area shape="rect" alt="PICTURES" coords="536,1,564,104" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=238708533" target="_self">
<area shape="rect" alt="SUBSCRIBE" coords="568,1,600,107" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ConfirmSubscribe&friendID=238708533" target="_self">
<area shape="rect" alt="BLOCK" coords="607,1,634,107" href=" http://collect.myspace.com/index.cfm?fusea...238708533" target="_self">
</map>

can someone tell me where i would put that. i have tried everything

thanks

Rae

[karmakiller]

Well, I'm not very good with image maps, so someone else will probably come along and help more, but if there's not a problem with the coding, why not move your div code into your About Me and put that in the I'd like to meet?

[rayyyy]

because that doesnt work either.

for some reason it has to be on top of the divs but then it messes with the positioning.

Reason for edit: Posts Merged - Angeline

[newkidontheblock]

Can You Post The Complete Code You're Using? If Thats All You Need To Position The Image And Hide The Myspace Default Page. And - For Your
usemap="RaesMap" Change It To usemap="#RaesMap" Of It Will Not Work In IE.

[rayyyy]

I can do that.

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style type=text/css>

body {
background-color: ######;
background-image: url("http://img124.imageshack.us/img124/8137/backj3ux3.jpg");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:white;
scrollbar-track-color: 262525;
scrollbar-shadow-color: ffffff;
scrollbar-face-color:000000;
scrollbar-highlight-color:ffffff;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:ffffff;}


h1 {
margin-top: 1px;
margin-bottom: 1px;
padding: 0px;
text-align: justify;
letter-spacing: 1px;
font-size: 6pt;
font-family: Tahoma,Arial,Helvetica;
padding-left:6px;
line-height:14px;
border-bottom:0px
solid ffffff;
font-weight: bold;
text-transform: uppercase;
background-color: 7f3533;
color: ffffff;
}


h2 {
margin-top: 1px;
margin-bottom: 1px;
padding: 0px;
text-align: center;
letter-spacing: 1px;
font-size: 6pt;
font-family: Tahoma,Arial,Helvetica;
padding-left:6px;
line-height:11px;
border-bottom:2px
solid #2c6f73;
font-weight: bold;
text-transform: uppercase;
background-color: ffffff;
color: 7f3533;
}



h3 {
margin-top: 1px;
margin-bottom: 1px;
padding: 0px;
text-align: center;
letter-spacing: 1px;
font-size: 6pt;
font-family: Tahoma,Arial,Helvetica;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
background-color:;
color: white;
}

h5 {
margin-top: 1px;
margin-bottom: 1px;
padding: 0px;
text-align: center;
letter-spacing: 1px;
font-size: 6pt;
font-family: Tahoma,Arial,Helvetica;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
background-color: #f3bd2c;
color: #14494d;
}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}


{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color: 525aca; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color: 525aca; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<div class="bg" style="position: absolute; left:285px; top:200px; width:700px; height:1300px; overflow: hidden;">
<img src="http://img102.imageshack.us/img102/8245/ppstlay34copyhc1.jpg">
</div>

<div class="content" style="position: absolute; left:710px; top:350px; width:205px; height:329px; overflow: auto;"><center>
the owners
</div>

<div class="content" style="position: absolute; left:340px; top:710px; width:321px; height:315px; overflow: auto;"><center>
content.

</div>

<div class="content" style="position: absolute; left:700px; top:710px; width:210px; height:210px; overflow: auto;"><center>
updates
</div>

<div class="content" style="position: absolute; left:710px; top:930px; width:205px; height:86px; overflow: auto;"><center>
support
</div>

<div class="content" style="position: absolute; left:360px; top:1090px; width:611px; height:172px; overflow: auto;"><center>
COMING SOON
</div>

<div class="content" style="position: absolute; left:326px; top:1290px; width:261px; height:105px; overflow: auto;"><center>
links
</div>

<div class="content" style="position: absolute; left:653px; top:1290px; width:223px; height:110px; overflow: auto;"><center>
COMMENTS
</div>

thats for the layout.

[newkidontheblock]

The Problem Was You Had The Image To Place And One Was Covering The Image Mapping. I Fixed That http://myspace.com/178754362

Here Is The Code

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style type=text/css>

body {
background-color: ######;
background-image: url("http://img124.imageshack.us/img124/8137/backj3ux3.jpg");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:white;
scrollbar-track-color: 262525;
scrollbar-shadow-color: ffffff;
scrollbar-face-color:000000;
scrollbar-highlight-color:ffffff;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:ffffff;}


h1 {
margin-top: 1px;
margin-bottom: 1px;
padding: 0px;
text-align: justify;
letter-spacing: 1px;
font-size: 6pt;
font-family: Tahoma,Arial,Helvetica;
padding-left:6px;
line-height:14px;
border-bottom:0px
solid ffffff;
font-weight: bold;
text-transform: uppercase;
background-color: 7f3533;
color: ffffff;
}


h2 {
margin-top: 1px;
margin-bottom: 1px;
padding: 0px;
text-align: center;
letter-spacing: 1px;
font-size: 6pt;
font-family: Tahoma,Arial,Helvetica;
padding-left:6px;
line-height:11px;
border-bottom:2px
solid #2c6f73;
font-weight: bold;
text-transform: uppercase;
background-color: ffffff;
color: 7f3533;
}



h3 {
margin-top: 1px;
margin-bottom: 1px;
padding: 0px;
text-align: center;
letter-spacing: 1px;
font-size: 6pt;
font-family: Tahoma,Arial,Helvetica;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
background-color:;
color: white;
}

h5 {
margin-top: 1px;
margin-bottom: 1px;
padding: 0px;
text-align: center;
letter-spacing: 1px;
font-size: 6pt;
font-family: Tahoma,Arial,Helvetica;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
background-color: #f3bd2c;
color: #14494d;
}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}


{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color: 525aca; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color: 525aca; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<div class="bg" style="position: absolute; left:285px; top:200px; width:700px; height:1300px; overflow: hidden;">
<img src="http://img102.imageshack.us/img102/8245/ppstlay34copyhc1.jpg" usemap="#raesmap" border="0" >
</div>

<map name="raesmap">
<area shape="rect" alt="HOME" coords="421,1,446,105" href="httphttp://home.myspace.com/index.cfm?fuseaction=user" target="_self">
<area shape="rect" alt="ADD" coords="461,1,493,112" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=238708533" target="_self">
<area shape="rect" alt="MESSAGE" coords="489,1,524,105" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=238708533" target="_self">
<area shape="rect" alt="PICTURES" coords="536,1,564,104" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=238708533" target="_self">
<area shape="rect" alt="SUBSCRIBE" coords="568,1,600,107" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ConfirmSubscribe&friendID=238708533" target="_self">
<area shape="rect" alt="BLOCK" coords="607,1,634,107" href=" http://collect.myspace.com/index.cfm?fusea...238708533" target="_self">
</map>


<div class="content" style="position: absolute; left:710px; top:350px; width:205px; height:329px; overflow: auto;"><center>
the owners
</div>

<div class="content" style="position: absolute; left:340px; top:710px; width:321px; height:315px; overflow: auto;"><center>
content.

</div>

<div class="content" style="position: absolute; left:700px; top:710px; width:210px; height:210px; overflow: auto;"><center>
updates
</div>

<div class="content" style="position: absolute; left:710px; top:930px; width:205px; height:86px; overflow: auto;"><center>
support
</div>

<div class="content" style="position: absolute; left:360px; top:1090px; width:611px; height:172px; overflow: auto;"><center>
COMING SOON
</div>

<div class="content" style="position: absolute; left:326px; top:1290px; width:261px; height:105px; overflow: auto;"><center>
links
</div>

<div class="content" style="position: absolute; left:653px; top:1290px; width:223px; height:110px; overflow: auto;"><center>
COMMENTS
</div>

[rayyyy]

i love you.
=]

W00t! Problem Solved. I'm going to close this topic now :) Rayyy, if you have any questions, or would like this topic reopened, just pm me :)
Topic Closed.