image rollovers w/ image map blocking the image? |
 Jan 7 2007, 03:28 PM
Post
#1
|
|
 Senior Member  Group: Member Posts: 63 Joined: Jun 2006 Member No: 427,490  |
I'm having a slight problem. I have image rollovers, and there's an image map that blocks that part of the image when it pops up... Any ideas what to do?
http://home.comcast.net/~crystalp138/myspacepix.html CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html> <head> <title>Myspace Pictures</title> <style type="text/css"> body { background-color: #33ccff;background-image:url(http://crystalp138.zoomshare.com/files/chaseyour4.bmp);background-attachment: scroll; scrollbar-face-color:FF0099; scrollbar-shadow-color:FF0099; scrollbar-highlight-color:FF0099; scrollbar-3dlight-color:FF0099; scrollbar-darkshadow-color:FF0099; scrollbar-track-color:00FF00; scrollbar-arrow-color:000000;) h1 {font-size:13px; font-family: courier new; color: 00FF00 } p {font-size:13px; font-family: courier new; color: 00FF00 } <STYLE TYPE="text/css">p {align=justify} BODY{cursor: url( http://ohmyspace.com/cursors/ohmycursor8.ani);} a {cursor: url(http://www.nortonproject.com/customcursors/FINGER1.cur);}</STYLE> <style type="text/css"> .gallerycontainer{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img{ border: none; margin: 0 5px 5px 0; background-image:url() } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: none; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-image:url(http://crystalp138.zoomshare.com/files/dddddddddddddddddddd.jpg); padding: 5px; left: -1000px; border: none; visibility: hidden; color: lime; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 0px; /*position where enlarged image should offset horizontally */ z-index: 50; } </style> </head> <body> <div id=layer3 style="position:absolute; top:150; left:200; width:800; height:1333; z-index:3; padding:0px; border: none; background-color:; background-image:url(); layer-background-image:url(yourfilename.gif);overflow:auto;"> <div class="gallerycontainer"> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/crystaldumbasspics500millionagaiinz.jpg" width="25px" height="25px" border="0" /><span><img width="550" height="400" src="http://i55.photobucket.com/albums/g136/crystal138/crystaldumbasspics500millionagaiinz.jpg"/><br />My zombie tat....</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/lostinspace.jpg" width="25px" height="25px" border="0" /><span><img width="1024" height="768" src="http://i55.photobucket.com/albums/g136/crystal138/lostinspace.jpg" /><br />More at http://humanponygirl213.deviantart.com</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/whoahhh.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/whoahhh.jpg" /><br />More at http://humanponygirl213.deviantart.com</span></a> <br /> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/crazytrip.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/crazytrip.jpg" /><br />More at http://humanponygirl213.deviantart.com</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/treez.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/treez.jpg" /><br />More at http://humanponygirl213.deviantart.com</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/birdy.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/birdy.jpg" /><br />Yeah yeah, I know... but this thing is SO DAMN CUUUTE!! http://humanponygirl213.deviantart.com</span></a> <br /> <a class="thumbnail" href="#thumb"><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/thefamflorida.jpg" width="25px" height="25px" border="0" /><span><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/thefamflorida.jpg" /><br />My mom, grandpa, me, Josh, and Dad... yeeeears ago. http://humanponygirl213.deviantart.com</span></a> <a class="thumbnail" href="#thumb"><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/Image34.jpg" width="25px" height="25px" border="0" /><span><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/Image34.jpg" /><br />3/06.</span></a> <a class="thumbnail" href="#thumb"><img src="http://myspace-954.vo.llnwd.net/01296/45/90/1296550954_l.gif" width="25px" height="25px" border="0" /><span><img src="http://myspace-954.vo.llnwd.net/01296/45/90/1296550954_l.gif" /><br/>Haha, you bastards can't see shit! So it's not really "whorish".... Kind've funny, I did a shitty job... I just needed an avatar thingamajig, that's all...... http://humanponygirl213.deviantart.com</span></a> <br /> <a class="thumbnail" href="#thumb"><img src="http://myspace-037.vo.llnwd.net/01342/73/03/1342963037_l.gif" width="25px" height="25px" border="0" /><span><img width="128" height="96" src="http://myspace-037.vo.llnwd.net/01342/73/03/1342963037_l.gif"/><br />WHOA, I HAVE TITS! f**king AMAZING!! http://humanponygirl213.deviantart.com</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/hobagcollage.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/hobagcollage.jpg" /><br/>Umm, yeah... I haven't been studying like I should be. Now the teacher is going to punish me after class. :**( http://humanponygirl213.deviantart.com</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/jhgjhgjgh-1.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/jhgjhgjgh-1.jpg" /><br/>...</span></a> <br /> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/173925.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/173925.jpg" /><br/>Halloween '06</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/173930.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/173930.jpg" /><br/>Halloween '06</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/jellin3.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/jellin3.jpg" /><br/>11/22/06... new hair... (after being "fluffed out"...</span></a> <br /> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/jellin2.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/jellin2.jpg" /><br/>gay bathroom shot...</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/jellin.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/jellin.jpg" /><br/>...</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/piiiic1.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/piiiic1.jpg" /><br/>...</span></a> <br /> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/piiiiccc2.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/piiiiccc2.jpg" /><br/>...</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/shoez.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/shoez.jpg" /><br/>...</span></a> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/censorshiparr.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/censorshiparr.jpg" /><br/>...</span></a> <br /> <a class="thumbnail" href="#thumb"><img src="http://i55.photobucket.com/albums/g136/crystal138/213010.jpg" width="25px" height="25px" border="0" /><span><img src="http://i55.photobucket.com/albums/g136/crystal138/213010.jpg" /><br/>Umm, where did those mysterious extra pixels come from? : /</span></a> <a class="thumbnail" href="#thumb"><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/DSC00620.jpg" width="25px" height="25px" border="0" /><span><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/DSC00620.jpg" /><br/>Drained, half-drunk, and quickly approaching eye surgery, IF these meds don't work... Hopefully they will though...</span></a> <a class="thumbnail" href="#thumb"><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/DSC00619.jpg" width="25px" height="25px" border="0" /><span><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/DSC00619.jpg" /><br/>Still a few light spots in my dye job, but I have some more dye to add that will even it out... </span></a> <br> <a class="thumbnail" href="#thumb"><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/hgfhgf.jpg" width="25px" height="25px" border="0" /><span><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/hgfhgf.jpg" /><br/>Don't ask...</span></a> <a class="thumbnail" href="#thumb"><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/DSC00891.jpg" width="25px" height="25px" border="0" /><span><img src="http://i23.photobucket.com/albums/b378/soulonfire_13/DSC00891.jpg" /><br/>...</span></a> </div> <div id=layer1 style="position:absolute; top:213; left:213; width:222; height:300; z-index:1; padding:0px; border: none; background-color:; background-image:url(); layer-background-image:url(yourfilename.gif);overflow:auto;"> <MAP NAME="imgmap"> <AREA SHAPE=rect COORDS="93,42,206,132" HREF="http://www.myspace.com/humanponygirl213" ALT="back to profile..."> <AREA SHAPE=rect COORDS="52,112,175,205" HREF="http://www.myspace.com" ALT="myspace.com"> <AREA SHAPE=rect COORDS="19,186,138,269" HREF="http://home.comcast.net/~crystalp138" ALT="my site..."> </MAP> <IMG SRC=" http://crystalp138.zoomshare.com/files/mmmmmmmmmmmmmap.bmp" border=0 width=212 height=278 USEMAP="#imgmap"> </div> |
|
|
|
Posts in this topic
crystalp138 image rollovers w/ image map blocking the image? Jan 7 2007, 03:28 PM
xKIMOx THIS IS MINE (change/use it if you want)
CODE... Jan 7 2007, 03:53 PM  |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: