FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Image Mapping?





brilliantbeauty
Quote:

<html>
<head>
<title>Illuminated|Coquette</title>

<style type="text/css">

A:link
{ text-decoration: none; color:#261800; }
A:visited
{ text-decoration: line-through; color:#261800; }
A:active
{ text-decoration: none; color:#261800; }
A:hover
{ text-decoration: underline overline; color:#fbecc3; }

h1 {font-family: Georgia;
color: #5e320b; }

p {font-family: Georgia;
color: #261800; }

body
{ background: #af8b4d;
background-repeat: no-repeat;
background-position: 0% 0%;
background-attachment: scroll;

font-family: Georgia;
color: #261800 ;
letter-spacing: 3pt;
font-weight: normal;
font-size: small;

scrollbar-face-color : #af8b4d;
scrollbar-highlight-color : #705832;
scrollbar-3dlight-color : #705832;
scrollbar-shadow-color : #705832;
scrollbar-darkshadow-color : #705832;
scrollbar-track-color : #af8b4d;
scrollbar-arrow-color : #e3d7c3;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: verdana;
color: #5e320b;
padding: 2cm;
}

#map {
position: absolute;
margin-left: 0px;
padding: 0px;
width: 1024px;
height: 768px;
top: 0px
}


#Intro {
position: absolute;
margin-left: 445px;
padding: 0px;
width: 120px;
height: 375px;
top: 380px
}

#content {
overflow:auto;
position: absolute;
margin-left: 165px;
padding: 10px;
width: 270px;
height: 375px;
top:350px

}

</style>



</head>
<body>

<div id="map">
<map name=nav>
<area shape="Rect" Href="index.html" Coords=166,126,186,227>
<area shape="Rect" Href="graphics.php" Coords=166,227,186, 313>
<area shape="Rect" Href="tutorials.html" Coords=166,113, 186,405>
<area shape="Rect" Href="fanfcition.html" Coords=168,405,186,503>
<area shape="Rect" Href="gbook.php" Coords=168,503,186, 657>
</map>


<img src="caramellayoutnotext3wi.jpg" usemap = "#nav" border="0">
</div>

<div id="Intro">

Welcome to Illuminated Coquette blah blah blah

</div>


<div id="content">
<h1>March 2, 2006</h1>
JEan is going insane with coding issues.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>


</body>
</html>




I have bolded all areas concerned with an image mpa. Can anybody tell me why it refuses to work? <_< The only link that's working is the first one, and it's coordiantes aren't right!?
gahhh...

PS However, the image itself is showing up, and not from the CSS, I checked that and took out the bg iamge code to make sure. B)

http://cachedea.aphroditeallure.frih.net/
Marston
Imagemaps are so 5 years ago.
brilliantbeauty
Ehm, OKay, unfortunetly I have s tupendous layout from a friend that needs image mapping.

But mod, please close this topic, after a lot of poring over stuff I realized I forgot spaces quotes, and got a few coordinates wrong. Sorry! Rolling Eyes
munky1
Image mapping is old. You should just buy a domain, index page white with black text and use PHBB in whatever.com/forum/
Antoine_935
here is the error, I think:
you put this : <map name=nav>
you should do this: <map name="nav">
Marston
Antoine_935 wrote:
here is the error, I think:
you put this : <map name=nav>
you should do this: <map name="nav">
... She already figured it out.
Related topics
Image resizer
Random image for your gallery
Image transparency script
Need For Speed Most Wanted
Replace the art and personal pictures with an image gallery?
Can some install Image Magick?
Image Processing in C++ by Shirish
Tutorial: Image Rollovers w/ Javascript
PHP Image Upload (MySQL/Folder)
online / offline image dilemma
Don't Use Flash
all the maps of mario bross in a single image
image editing services needed
Image Mapping in HTML
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.