View Full Version : Image Map Layout Help


NotTheOnlyCowboy
02-07-2006, 10:25 PM
I have this layout and I want this image map to show
http://i44.photobucket.com/albums/f24/SmokeingGun/ALovethatwillnever.jpg

yet when I place the code on my el jay, it doesnt show, the code is below, can any one help me find out whats wrong?

GLOBAL_HEAD<=

<title>//I Love You Something Fierce\\</title>

<style type="text/css">
div div{visibility:hidden;position:absolute;top:1px;}
tr.caption{visibility:hidden;position:absolute;top :1px}
<!--

body {
overflow-x: hidden;
margin-top: 280px;
background: #817F42;
overflow:-moz-scrollbars-vertical;
background-image: url(http://i44.photobucket.com/albums/f24/SmokeingGun/StarsInYOu.jpg);
background-repeat: repeat-y !important;

}

a:visited {
text-decoration: none;
color: #000000;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #898989;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #000000:
font-weight: bold}

a:hover {
cursor: crosshair;
text-decoration: none;
color: #000000;
}

table {
width: 315px;
margin-left: 115px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

table, tr, td, .shadowed {
background: transparent;
}

table table {
width: 100%;
margin:0;
border:0;
}
table table table {
width: auto;
}

.side {
position: absolute;
top: 302px;
left: 475px;
width: 200px;
z-index: 15;
visibility: not visible;
text-align: justify;
background: #ffffff;
border: 0px solid #FFFFFF;
}

.sidetitle {color: #000000; font-weight: bold;}


body, td, font, div, p {
font-family: verdana;
font-size: 9;
color: #000000;
letter-spacing: 1px;
}

tr.caption{
display:none
}

img.header {
position: absolute;
left:0;
top: 0;
z-index: -10;
}
html>body img.header {
z-index: 1;
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #898989;
}

.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='173,9,243,24' HREF='http://www.livejournal.com/users/iboughtyouavcr/friends'>
<AREA SHAPE='rect' COORDS='254,4,298,26' HREF='http://www.livejournal.com/users/iboughtyouavcr/info'>
<AREA SHAPE='rect' COORDS='304,8,391,22' HREF='http://www.livejournal.com/users/iboughtyouavcr/memories'>
<AREA SHAPE='DEFAULT' HREF='http://www.livejournal.com/users/iboughtyouavcr>
</MAP>

<IMG class="header" style="visibility: visible" SRC='http://i44.photobucket.com/albums/f24/SmokeingGun/ALovethatwillnever.jpg' border=0 width=453 height=323 USEMAP='#imgmap'>

<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<=LASTN_WEBSITE

Saeritha
02-08-2006, 01:10 AM
I've had a similar experience, but with Neopets Petpages. Some pages don't allow imagemaps. I've looked through your coding (for your image map alone, not the entire stylesheet and all), and it looks like you've done it correctly. The only problem is that LJ probably doesn't allow image maps or something.