Help - Search - Members - Calendar
Full Version: Image Mapping
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
TAiNTEDxMEMORiES
Jun 1 2006, 10:22 PM
Ok so the code I have in my thing is
QUOTE
<LINK href="/taintedxmemories/Stylesheet.txt" rel="stylesheet" type="text/css">

<html>
<head>

<title>___________Unscripted Beauty</title>
<style type="text/css">
</style>
</head>


<HTML>
<BODY>

<center><IMG NAME="Layout0" SRC="http://www.freewebs.com/taintedxmemories/Picz/Layout.jpg" WIDTH="567" HEIGHT="891" BORDER="0" USEMAP="#Layout"></center>

<MAP NAME="Layout">
<AREA SHAPE="rect" COORDS="2,467,31,483" HREF="http://www.freewebs.com/taintedxmemories/home.htm" TARGET="_self" ALT="Home">
<AREA SHAPE="rect" COORDS="31,467,78,483" HREF="http://www.freewebs.com" ALT="About Moi">
<AREA SHAPE="rect" COORDS="77,467,107,483" HREF="http://www.freewebs.com/taintedxmemories/news.htm" ALT="News&&Whatnot">
<AREA SHAPE="rect" COORDS="105,467,150,483" HREF="http://www.freewebs.com/taintedxmemories/Pictures.htm" ALT="My Pictures&&Graphics">
<AREA SHAPE="rect" COORDS="149,467,203,483" HREF="http://www.freewebs.com/taintedxmemories/" ALT="Comming Soon. :]">
<AREA SHAPE="rect" COORDS="202,467,252,483" HREF="http://www.freewebs.com/" ALT="Leave Me Love.">
</MAP>

</BODY>
</HTML>

<div style="position:absolute; left:220px; top:445px; width:350px; height:100px; overflow:auto; z-index:1;">
<iframe src="/taintedxmemories/music.htm" width="350" height="100" left="75" top="370" name="Music"
border="0" frameborder="0" FILTER="chroma(color=#ff0000)" allowtransparency="true" background-color="transparent"></iframe></div>

<div style="position:absolute; left:210px; top:500px; width:370px; height:380px; z-index:2; overflow:auto;">
<iframe src="/taintedxmemories/Blog.htm" width="360" height="370" left="75" top="370" name="Blog"
border="0" frameborder="0" FILTER="chroma(color=#000000)" allowtransparency="true" background-color="transparent"></iframe></div>

<div style="position:absolute; left:615px; top:555px; width:350px; height:100px; overflow:auto; z-index:1;">
<iframe src="http://www.freewebs.com/taintedxmemories/Contact%20Me.htm" width="350" height="100" left="75" top="370" name="Contact"
border="0" frameborder="0" FILTER="chroma(color=#ff0000)" allowtransparency="true" background-color="transparent"></iframe></div>

<div style="position:absolute; left:615px; top:820px; width:350px; height:100px; overflow:auto; z-index:1;">
<iframe src="http://www.freewebs.com/taintedxmemories/Links.htm" width="350" height="100" left="75" top="370" name="Links"
border="0" frameborder="0" FILTER="chroma(color=#ff0000)" allowtransparency="true" background-color="transparent"></iframe></div>

<div style="position:absolute; left:660px; top:720px; width:350px; height:100px; overflow:auto; z-index:1;">
<iframe src="http://www.freewebs.com/taintedxmemories/Friends.htm" width="350" height="100" left="75" top="370" name="Links"
border="0" frameborder="0" FILTER="chroma(color=#ff0000)" allowtransparency="true" background-color="transparent"></iframe></div>


Can anyone tell me why the image map only works in IE and not Mozilla? The site is here.
Libertie
Jun 1 2006, 10:42 PM
Actually, the best thing I can tell you is to use this online image mapper..

http://pcoward.com/imagemapper/

That website may only work in IE, just a heads up.
TAiNTEDxMEMORiES
Jun 2 2006, 05:39 AM
It still doesn't work in Mozilla. >< But another thing, how do you get photo gallerys like on This site?
freeflow
Jun 2 2006, 08:11 AM
http://coppermine-gallery.net/index.php Get coppermine and customize it really. Its a pain in the begining sometimes but easy afterwards.


What did you use to imagemap?
Yea , um you can always use imageready. There is also an image mapping program that I suggest as well its here:
http://www.globalscape.com/cutemap/
TAiNTEDxMEMORiES
Jun 2 2006, 05:48 PM
I used PSP 8
talcumpowder
Jun 2 2006, 07:59 PM
PSP8 doesn't have the image mapping feature? o.o
[ http://www.daydreamgraphics.com/d/tutorial/list/175/1 ]

Oh. It's because your music player is too tall. mellow.gif It's covering the map in Mozilla. Therefore, you can't get to the map so you can't use it.
TAiNTEDxMEMORiES
Jun 2 2006, 10:54 PM
god dammit! I suck at life, why is there a scrollbar for my music player in IE? Yes, I'm pretty much pathetic. On the bright side, the image mapping works. :]
talcumpowder
Jun 3 2006, 10:22 AM
It's okay, I went around for an entire day trying to fix my code and I spelled something wrong. I'mma close this now. You may PM me or any other design staff to get this reopened.
-> Topic Closed.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.