Could you help me with a div layout? Options

[Yoshi CLONE]

I have followed the two tutorials above but I still can't get my div to show.
Here's my desired layout, all coded.
http://photobucket.com/practice.php?id=3udqc
Could someone please help me?
Thanks. :)

[freeflow]

1. You need to hide your profile.
2. You need to put the imagemap in a div to get it to go anywhere. You can find out how to that here:
http://www.createblog.com/forums/index.php?showtopic=142922

Thats the first thing.

[Yoshi CLONE]

Okay, so I know how to hide my profile.
But I can't find the imagemap inside the div. :(

[freeflow]

No you don't get it. You get the div code for an image from the div tutorial. Where it has the image code you put your image map code in there. The image map code is the code you have in your photobucket.

[Yoshi CLONE]

So I put this in my about me section.

<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>

To hid my profile, then I put this after it.

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v13/yoshiclone/preview.png" usemap="#main" border="0">
<map name="main">
<area href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=44859474&MyToken=56327671-5a7e-4244-8f9b-7520f2e4ff50" shape="rect" coords="177, 216, 134, 238">
<area href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=44859474&MyToken=762a9cd7-fe18-4a3f-aefa-da4cec107244" shape="rect" coords="207, 206, 187, 222 ">
<area=href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=44859474&MyToken=762a9cd7-fe18-4a3f-aefa-da4cec107244" shape="rect" coords="234, 198, 217, 213">
<area href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=44859474&hash=MIGVBgorBgEEAYI3WAOooIGGMIGDBgorBgEEAYI3WAMBoHUwcwIDAgABAgJmAwICAMAECCZ
g%2bDpuDWXBBCe5Z5H59QJln3H9RZ5EJEwBEgONE3cVJXbgcliQlOowcrLoQrHggGYETelGoJ1QnCPVqvK
pDomPkv5QA9aH9RClwmcVPwYyBUR1SPkCdbanx0hKz4LPQXiUc%3d" shape="rect" coords="270, 184, 247, 205">
<area href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=44859474&MyToken=762a9cd7-fe18-4a3f-aefa-da4cec107244" shape="rect" coords="301, 177, 281, 196">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=28551463&MyToken=2b6f9c7a-f534-437c-bf3a-1f8316575086" shape="rect" coords="57, 324, 23, 358">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=58843539" shape="rect" coords="56, 289, 23, 322">
<area href="http://img315.imageshack.us/img315/7198/orleansik9.png" shape="rect" coords="56, 253, 22, 287">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=33430398&MyToken=92160c2d-a6a2-459b-8117-e45abdb7b7d5" shape="rect" coords="56, 218, 24, 252">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=62574939" shape="rect" coords="56, 183, 23, 215">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=97231732" shape="rect" coords="56, 146, 23, 179">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=61127749&MyToken=2b6f9c7a-f534-437c-bf3a-1f8316575086" shape="rect" coords="56, 110, 23, 143">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=36785482&MyToken=92160c2d-a6a2-459b-8117-e45abdb7b7d5" shape="rect" coords="91, 100, 59, 132">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=38357855&MyToken=2b6f9c7a-f534-437c-bf3a-1f8316575086" shape="rect" coords="92, 147, 59, 180">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=31096275&MyToken=92160c2d-a6a2-459b-8117-e45abdb7b7d5" shape="rect" coords="91, 184, 58, 214">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=20159056&MyToken=8ff7988e-5d44-49c6-a269-318db92d5025" shape="rect" coords="92, 218, 59, 248">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=77789809" shape="rect" coords="91, 253, 59, 284">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=46900602" shape="rect" coords="93, 291, 59, 321">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=27679824" shape="rect" coords="91, 337, 58, 369 ">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=57891218" shape="rect" coords="488, 98, 455, 132">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=38922492&MyToken=4a5f2527-d670-4b0c-86f1-0d5ec242ba3e" shape="rect" coords="452, 99, 418, 133">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=115768814" shape="rect" coords="416, 101, 382, 133">
<area href="http://img354.imageshack.us/img354/1508/luke9zz.jpg" shape="rect" coords="380, 99, 346, 132">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=25865924" shape="rect" coords="344, 99, 311, 133">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=53915744" shape="rect" coords="307, 99, 274, 133">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=21713770" shape="rect" coords="271, 101, 238, 131">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=15516100" shape="rect" coords="236, 100, 202, 132">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=83562396" shape="rect" coords="200, 100, 167, 133">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=74562858" shape="rect" coords="164, 99, 131, 132">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=62564764" shape="rect" coords="129, 99, 95, 131">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=73579070" shape="rect" coords="489, 336, 455, 366">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=48539663" shape="rect" coords="452, 336, 419, 368">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=21267419" shape="rect" coords="415, 336, 384, 368">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=53680745" shape="rect" coords="379, 337, 347, 366">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=35286788" shape="rect" coords="344, 337, 309, 368">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=59089637&MyToken=33aaa3c7-a225-4502-8e9a-d4787c81ed94" shape="rect" coords="309, 337, 276, 369">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=97034626&MyToken=ef0f5448-075f-4d10-8241-af1df909de7c" shape="rect" coords="272, 336, 238, 368">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=123268208" shape="rect" coords="235, 337, 204, 369">
<area href="http://img516.imageshack.us/img516/6999/cody3po.jpg" shape="rect" coords="200, 336, 167, 368">
<area href="http://myspace.com/christopherrr_xx" shape="rect" coords="163, 336, 131, 368">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=32147497" shape="rect" coords="128, 337, 94, 370">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=34350400" shape="rect" coords="528, 110, 496, 142">
<area href="http://img445.imageshack.us/img445/5669/kieranmj2.jpg" shape="rect" coords="529, 145, 495, 177">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=36365765" shape="rect" coords="528, 183, 496, 214">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=98151589" shape="rect" coords="529, 218, 497, 250">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44502202" shape="rect" coords="528, 254, 495, 287">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=43506163" shape="rect" coords="529, 289, 496, 322">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=118324086" shape="rect" coords="529, 325, 497, 357">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=22378032" shape="rect" coords="565, 145, 532, 177">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=99816455" shape="rect" coords="566, 180, 532, 214">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=86974190&MyToken=97a3ae6a-b82f-4486-9e74-8bbcffc083db" shape="rect" coords="565, 218, 532, 249">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=50376889&MyToken=97a3ae6a-b82f-4486-9e74-8bbcffc083db" shape="rect" coords="565, 253, 531, 286">
<area href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=31441435" shape="rect" coords="565, 289, 532, 321">
<area href="mailto:yoshiclone2@yahoo.com" shape="rect" coords="605, 554, 491, 602">
</map>
</div>



And It should work?

[freeflow]

Nope because you didn't add coordinates. You have to edit this part:

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">

You have to change left and top to the positions of the image. You can put random numbers till you like where the image is.
You have to change width and height to the width and height of the image.

[Yoshi CLONE]

Done, thank you. but do you know how to get rid of the top and bottom links? :) and theres some boxes behind the div thats okay, since you cant see them, but if i want to move it over, they're visible, anyway to get rid of those?

[freeflow]

Change the code you used to hide your profile to this one:
http://www.createblog.com/scripts/download.php?id=368

[Yoshi CLONE]

that works fine.
http://profile.myspace.com/index.cfm?fusea...iendID=44859474
but now theres like a grey line going across.

[freeflow]

It doesn't show up for me but you can try this code:

CODE

<style type="text/css">
table tr, td{ background-color: transparent;}
</style>

[Yoshi CLONE]

that didn't work for me. :(
what browser are you using?

[freeflow]

Safari. I have no clue what the line is so I had to guess. Take a screenshot?
I don't have IE so I can't look there.

[Yoshi CLONE]

the lighter grey line going across.

[freeflow]

Can you thumb your image for me

Thanks.


Hmmm I guess you can try this:

CODE

<style>
body{ background-color: ######;}
</style>

Change ##### to the bg color.

[Yoshi CLONE]

ah that worked. thank you very much. :)