myspace layout help Options

[blackoleander]

This is my first layout that Ive coded myself but I wanted to add an embedded video in the top left and for some reason I can't figure out how to make my image map work..can anyone help me so people don't get stuck on my page.

About me section

CODE

<STYLE TYPE="text/css">
body {
background-color: 1e1e1e;
background-image:url();
    background-attachment: fixed;
    background-position:bottom left;
    background-repeat:no-repeat;
scrollbar-arrow-color: 7db7cf;
scrollbar-face-color:1e1e1e;
scrollbar-3dlight-color: 1e1e1e;
scrollbar-darkshadow-color: 1e1e1e;
scrollbar-shadow-color: 1e1e1e;
scrollbar-highlight-color: 1e1e1e;
scrollbar-track-color:1e1e1e;
cursor: crosshair;
}
b, strong {color: fb9495;}
i, em {color: 01cc01;
}
body, p, td, font {
  font-family: Arial; font-size: 9px; color:ff9796; text-transform:;}
table, td, tr, th {
  font-family:Arial; font-size: 9px; color: ff9796;}
body, td, li, p, div, li, p, br, table {
  font-family: Arial; color: 01cc01; text-transform:;}
.text {
  font-family: Arial; font-size: 9px; color: ff9796; text-align:left;}
.blacktext12 {
  font-family: Arial; font-size: 0px; color: ff9796;}
span.blacktext12 {
  background-color:1e1e1e; background-image: url(); width: 437px; height: 77px; display: block;
}.redtext
{  font-family: Arial; color: 000000; font-size: 9px;
}.redbtext {
  font-family: Arial; color: 01cc01; font-size: 9px;}
.orangetext15 {
  font-family: Arial; font-size: 9px; color: 000000; text-transform:;}
.whitetext12 {
  font-family:Arial; font-size: 9px; color: 01cc01; text-transform:; text-align: center; background-color:1e1e1e; display: block; }
.lightbluetext8 {
  font-family: Arial; font-size: 9px; color: 1e1e1e; text-transform:; text-align: center; background-color: 1e1e1e; display: block; }
.btext {
  font-family: Arial; font-size: 9px; color:01cc01; text-transform:; text-align: center; background-color: 1e1e1e; display: block; }
.blacktext10 {
  font-family:Arial; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color: 1e1e1e; display: block; }
.nametext {
  font-family: Arial; font-size: 9px; color:01cc01; text-transform:; text-align: center; background-color:1e1e1e; display: block; }
table, tr, td {
  border: none; background-color: 1e1e1e; padding: 0;}
table {
  border: none; background-color: 1e1e1e;}
table table {
  border: none; border-color: none; background-color: 1e1e1e;}
.header {display: block; visibility: visible; font-family: "times"; color: ff9796; text-align:left; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; border-bottom: 1px dashed; border-color:7db7cf;}
table table table {
  border: 2px solid; border-color:000000; background-color: 1e1e1e; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
  border: none; border-color: none;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
  font-family: Arial; font-size: 9px; color:1e1e1e; text-transform:; text-decoration: none; }
a:hover, a.navbar:hover, a.redlink:hover {
  font-family:Arial; font-size: 9px; color:1e1e1e; text-transform:; font-weight: bold; cursor: crosshair;
}
</style>

<style type="text/css">
    table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

<style>.r{}</style>
<style>.r{}</style>

Actual Profile

CODE

<style>.r{}</style>
<style>.r{}</style>

<div class="bg" style="position: absolute; left:0px; top:125px; width:777px; height:800px; overflow: visable;">

<map name="thebestlayout">
<area shape="rect" coords="350,172,500,206" href="http://home.myspace.com/index.cfm?fuseaction=user"" alt="Home">
<area shape="rect" coords="382,212,577,247" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=4550081" alt="Message Me">
<area shape="rect" coords="414,251,580,286" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX" alt="Add Me">
<area shape="rect" coords="440,289,609,316" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=4550081" alt="More Pics">
<area shape="rect" coords="475,321,637,351" href="http://blog.myspace.com/4550081" alt="My Diary">

</map>


<IMG SRC="http://i29.photobucket.com/albums/c270/desiredoleander/thebestlayout.jpg" border=0 width=777 height=800 USEMAP="#layoutmap">  


<div class="about_me" style="position: absolute; left:110px;  top:360px; width:333px; height:433px; overflow: auto;">
<span class="header">Da Basics</span>

<http://i29.photobucket.com/albums/c270/desiredoleander/me.jpg" align="left" /><strong>Alias:</strong>The one and only Taryn<br><strong>Years:</strong>19<br><strong>Gender:</strong> Female<br><strong>Status:</strong>Taken by a Man, In need of a Woman<br><strong>Here For:</strong> Mah Future Gurl<br><strong>Zodiac:</strong>Taurus<br><strong>Orientation:</strong>BiSex<br><strong>Ethnicity:</strong> Guess Nuccas<br><br>

<span class="header">About Me</span>


Im currently Updating with this new layout u currently see and Some new pics comin soon..

<h6>Check me in GRAP for the Break</h6>





<br><br>
<span class="header">Why HATE when you can LOVE</span>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="4550081" type="hidden"><textarea name="f_comments" style="width: 155; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color:; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: ffffff; background-color: 000000;" style="overflow:auto;">If they wasn't hatin...then I must not be doin it Right!!</textarea>
<br> <input value="HOLLA" style="border-width: 1px; border-style: solid; border-color: ffffff; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: ffffff; background-color: 000000;" type="submit"> <input value="START OVA" style="border-width: 1px; border-style: solid; border-color: ffffff; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: ffffff;  background-color: 000000;" type="reset"></form>
</center>
<br>

<span class="header">Friends</span>
<br>
<marquee width="300px" height="102px">
<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=97245587"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/baby.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=64571737"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/chris.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=127159774"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/malakah-1.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=34108255"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/Image8.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=12954232"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/ashley.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=69037802"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/carmen.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=77038032"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/berto.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=119399194"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/gurl.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=103578552"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/z.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=109403801"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/reece.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=2285074"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/Rich.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=31324644"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/jashod.jpg"></A

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=73377450"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/giddy.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=71236865"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/thagurl.jpg"></A>

</marquee>

</div>

<style>.r{}</style>
<style>.r{}</style>

This is the video I want on the page.

CODE

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/5peZWTwPtV8"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/5peZWTwPtV8" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

[Relentless]

Try this new code. You forgot to end the div tag.

As for the video, put them in a div code.

CODE

<style>.r{}</style>
<style>.r{}</style>

<div class="bg" style="position: absolute; left:0px; top:125px; width:777px; height:800px; overflow: visable;">
<IMG SRC="http://i29.photobucket.com/albums/c270/desiredoleander/thebestlayout.jpg" border=0 width=777 height=800 USEMAP="#layoutmap">  
<map name="thebestlayout">
<area shape="rect" coords="350,172,500,206" href="http://home.myspace.com/index.cfm?fuseaction=user"" alt="Home">
<area shape="rect" coords="382,212,577,247" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=4550081" alt="Message Me">
<area shape="rect" coords="414,251,580,286" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX" alt="Add Me">
<area shape="rect" coords="440,289,609,316" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=4550081" alt="More Pics">
<area shape="rect" coords="475,321,637,351" href="http://blog.myspace.com/4550081" alt="My Diary">
</map>
</div>

<div class="about_me" style="position: absolute; left:110px;  top:360px; width:333px; height:433px; overflow: auto;">
<span class="header">Da Basics</span>

<http://i29.photobucket.com/albums/c270/desiredoleander/me.jpg" align="left" /><strong>Alias:</strong>The one and only Taryn<br><strong>Years:</strong>19<br><strong>Gender:</strong> Female<br><strong>Status:</strong>Taken by a Man, In need of a Woman<br><strong>Here For:</strong> Mah Future Gurl<br><strong>Zodiac:</strong>Taurus<br><strong>Orientation:</strong>BiSex<br><strong>Ethnicity:</strong> Guess Nuccas<br><br>

<span class="header">About Me</span>


Im currently Updating with this new layout u currently see and Some new pics comin soon..

<h6>Check me in GRAP for the Break</h6>





<br><br>
<span class="header">Why HATE when you can LOVE</span>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="4550081" type="hidden"><textarea name="f_comments" style="width: 155; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color:; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: ffffff; background-color: 000000;" style="overflow:auto;">If they wasn't hatin...then I must not be doin it Right!!</textarea>
<br> <input value="HOLLA" style="border-width: 1px; border-style: solid; border-color: ffffff; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: ffffff; background-color: 000000;" type="submit"> <input value="START OVA" style="border-width: 1px; border-style: solid; border-color: ffffff; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: ffffff;  background-color: 000000;" type="reset"></form>
</center>
<br>

<span class="header">Friends</span>
<br>
<marquee width="300px" height="102px">
<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=97245587"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/baby.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=64571737"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/chris.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=127159774"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/malakah-1.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=34108255"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/Image8.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=12954232"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/ashley.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=69037802"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/carmen.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=77038032"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/berto.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=119399194"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/gurl.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=103578552"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/z.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=109403801"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/reece.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=2285074"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/Rich.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=31324644"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/jashod.jpg"></A

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=73377450"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/giddy.jpg"></A>

<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=71236865"><img src="http://i29.photobucket.com/albums/c270/desiredoleander/thagurl.jpg"></A>

</marquee>

</div>

<style>.r{}</style>
<style>.r{}</style>

[blackoleander]

nope you still can't click on any links and now my divi is also out of alignment??

[freeflow]

Your didn't set the image to the correct image map..

CODE

<IMG SRC="http://i29.photobucket.com/albums/c270/desiredoleander/thebestlayout.jpg" border=0 width=777 height=800 USEMAP="#thebestlayout">  
<map name="thebestlayout">
<area shape="rect" coords="350,172,500,206" href="http://home.myspace.com/index.cfm?fuseaction=user"" alt="Home">
<area shape="rect" coords="382,212,577,247" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=4550081" alt="Message Me">
<area shape="rect" coords="414,251,580,286" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX" alt="Add Me">
<area shape="rect" coords="440,289,609,316" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=4550081" alt="More Pics">
<area shape="rect" coords="475,321,637,351" href="http://blog.myspace.com/4550081" alt="My Diary">
</map>

Change your image map code + image to that.

[blackoleander]

How do I do that? Sorry im like intermediate at this...

And how do I make a divi layout that is on the upper left side of the screen?

[freeflow]

Replace your image map code and the image code with the one I just posted. And the second question.. you just position it in the upper left.

[blackoleander]

ok my links work now but I can't figure out why the video won't show up.

CODE

<div class="watch_me" style="position: absolute; left:652px;  top:315px; width:425px; height:350px; overflow: auto;">
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/5peZWTwPtV8" height="350" width="425">
  <param name="movie" value="http://www.youtube.com/v/5peZWTwPtV8" />
  <param name="allownetworking" value="internal" />
  <param name="allowScriptAccess" value="never" />
  <param name="enableJSURL" value="false" />
  <param name="enableHREF" value="false" />
  <param name="saveEmbedTags" value="true" />
</object>
</div>

Thats the div i made for the video and I put it below my image mapper and about my about me section on my layout....

Any help would be highly appreciated thanks!

[freeflow]

Remove this part of your code:

CODE

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

[blackoleander]

im sorry i ca't find that part?? Do you mean remove the part of my video div code that have the dimensions on it?

[freeflow]

No remove that part of your overall code that you posted above.

[blackoleander]

Do you know how to resize videos as well or is there someway i can upload a video and make it smaller???

You are helpin me sooooo much thank you.

[freeflow]

CODE

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/5peZWTwPtV8" height="350" width="425">
  <param name="movie" value="http://www.youtube.com/v/5peZWTwPtV8" />
  <param name="allownetworking" value="internal" />
  <param name="allowScriptAccess" value="never" />
  <param name="enableJSURL" value="false" />
  <param name="enableHREF" value="false" />
  <param name="saveEmbedTags" value="true" />
</object>

See where it says width & height? Change that.