aligned to far Options

[ticklemepink]

so this is my first time making my own div overlay & my first time image mapping. the thing is that it's aligned too far to the right and down. how can i move it up & to the left?

Clickable.

in my about me section:

CODE

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

in my i'd like to meet section:

CODE

<img name="Urban_Flight20" src="http://img403.imageshack.us/img403/2157/urbanflight2qn6.jpg" width="1024" height="768" border="0" usemap="#Urban_Flight2" alt="" />

<map name="Urban_Flight2">
<area shape="rect" coords="143,679,287,726" href="http://home.myspace.com/index.cfm?fuseaction=user" alt="home">
<area shape="rect" coords="311,647,467,690" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=132137191" alt="msg me">
<area shape="rect" coords="448,527,631,612" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=132137191" alt="view pix">
<area shape="rect" coords="574,641,674,678" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=132137191" alt="add">
</map>

ohh, p.s i'm using a 1024x768 screen resolution.

[xTHExDUDEx]

It's ok, I just didn't see the link at first.

add <div class="image_map"> infront of <img and </div> after </map> in I'd like to meet (HTML).
Now you have to add the appropiate CSS attributes to the About Me section.

Something like this:

.image_map {
position: absolute;
top: 153px;
left: 142px;
width: 1024px;
height: 768px;
align-text: center;
margin: 0 auto;
}

Someone confirm this?
I'm not sure how necessary the align-text and margin attributes are.
OK, I'm pretty happy with that.

[ticklemepink]

http://profile.myspace.com/index.cfm?fusea...bc-473287bc6073

[ticklemepink]

ehh, still didnt work.

[xTHExDUDEx]

Oops, I meant to say put the <div class="image_map"> before the <img and close it </div> after the </map>

That should do it.

[ticklemepink]

cool it works. thanks alot! =D

Topic closed, because the original question was answered. Please PM me or another staff member if you need this thread re-opened.
} Azarel

This post has been edited by Azarel: Apr 19 2007, 02:58 PM

[xTHExDUDEx]

No problem :D

Remember to edit to how you want it though, it looks a bit too far up left :/

A suggestion: Rollover effects for your image map to light up those bulbs would be amazing.