PDA

View Full Version : hyperlink not matching up with image


petros pappalas
06-20-2008, 05:00 PM
I am using a background image as my homepage and when I make a hyperlink over the part of the image i want clicked, it moves up like 50 pixels on the actual page (so the word "paintings" is part of the jpeg, but when the hyperlink box appears over the part of the background that has no words). here is code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title> P e t r o s P a p p a l a s </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {color: #0000CC}
-->
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_effectHighlight(targetElement, duration, startColor, endColor, restoreColor, toggle)
{
Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor, to: endColor, restoreColor: restoreColor, toggle: toggle});
}
//-->
</script>
</head>

<BODY bgcolor="#000000" class="body"><center>
<table><table width="900" height="625" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" id="Table_01">
<tr>
<td bgcolor="#000000"><img src="../../../../Desktop/Websites/images/paintings.jpg" alt="paintings" width="100%" height="100%" border="0" usemap="#paintings" class="style1" /></td>
</tr>
</table>
</center><td bgcolor="#000000">
<map name="paintings" id="paintings"><area shape="rect" coords="13,197,146,226" href="sdasdsa" alt="paintings" />
</map></body>
</html>

Rob_Che
06-20-2008, 07:44 PM
Sorry - I've never used maps.

petros pappalas
06-20-2008, 07:52 PM
Sorry - I've never used maps.
I like the work you do, ive been working with flash and would rather actually push my knowledge in that area. Would it be possible to create hyperlinks in flash and such?

domedia
06-23-2008, 03:03 PM
Try changing the width and height attribute of the image (don't use percentage values, but the actual size of the image),and see if the imagemap can find out easier where the link is.