PDA

View Full Version : td bg image mapping

Autumn
02-22-2003, 04:04 PM
Alright, I have a image set as a backgroudn for one of the tables. If I don't set the image as a background, it leaves a gap between the other table and.. I don't want any gaps. Anyways, I'm trying to image map it and it's just not working right:

<table width="800" height=120 align=center border="0" cellspacing="0" cellpadding="0">
<tr><td NAME="flower0" background=http://vixon.net/imgs/flower.gif width=800 height=120 USEMAP="#flower">

<MAP NAME="flower">
<AREA SHAPE="rect" COORDS="696,109,730,119" HREF="http://vixon.net/about.php">
<AREA SHAPE="rect" COORDS="733,108,773,118" HREF="http://vixon.net/domain.php">
<AREA SHAPE="rect" COORDS="774,109,797,118" HREF="http://vixon.net/exit.php" TARGET="main">
</MAP>
</td></tr></table>

Is there a possible way to image map a background image in a table?
pb&j
02-22-2003, 04:22 PM
image mapping does not work if the image is set as a background.

perhaps set it as "not background" to show us the gaps and they may be fixed a different way. (Make a new post in the forum at that time as it would be a new question).
Autumn
02-22-2003, 04:25 PM
Ok then next:

<html>
<head>
<title>V I X O N . N E T</title>
<link rel="stylesheet" href="http://m.vixon.net/">
</head>
<body topmargin=10 leftmargin=0>

<table width=800 border=0 align=center>
<tr><td cellpadding=0 cellspacing=0 bgcolor=#E1E1E1>
<table width=800 border=0>
<tr><td cellpadding=0 cellspacing=0 bgcolor=#>

<table width="800" cellspacing=0 cellpadding=0 height=120 align=center border="0" cellspacing="0" cellpadding="0">
<tr><td>
<IMG NAME="flower0" SRC="flower.gif" WIDTH="800" HEIGHT="120" BORDER="0" USEMAP="#flower">

<MAP NAME="flower">
<AREA SHAPE="rect" COORDS="696,109,730,119" HREF="http://vixon.net/about.php">
<AREA SHAPE="rect" COORDS="733,108,773,118" HREF="http://vixon.net/domain.php">
<AREA SHAPE="rect" COORDS="774,109,797,118" HREF="http://vixon.net/exit.php" TARGET="main">
</MAP>
</td></tr></table>


<table width="800" align=center border="0" cellspacing="0" cellpadding="0">
<tr class="light" height=7><td></td></tr></table>

<table width="800" align=center border="0" cellspacing="0" cellpadding="0">
<tr class="dark"><td></td></tr></table>

<table width="800" align=center border="0" cellspacing="0" cellpadding="0" >
<tr><td class="medium" height=7></td></tr></table>

<table width="800" align=center border="0" cellspacing="0" cellpadding="0">
<tr class="darker"><td></td></tr></table>

<table width="800" align=center border="0" cellspacing="0" cellpadding="0" >
<tr class="dark" height=7><td></td></tr></table>


There's a space from the image to the next table. How do I get rid of that space?
lilchici13
02-22-2003, 04:51 PM
could u show us the site so we can see the gaps?
Autumn
02-22-2003, 06:56 PM
http://vixon.net/layout.php

it's a black gap below the picture. You can't miss it. :D
epolady
02-22-2003, 07:15 PM
Make sure there are no spaces (i.e. space bar spaces) in that cell's coding. Or you can just place your image mapping codes at the very bottom of your html page (i.e. before the </body>), still works and no gap. HTH
Autumn
02-22-2003, 07:57 PM
thank you sweety :)