FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Image Mapping?

   Frihost Forum Index -> Webmaster and Internet -> Design Tips
 


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.
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

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