Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

problem with spurios images in table

Status
Not open for further replies.
charlesb

charlesb

IS-IT--Management
Dec 14, 2001
26
GB
My problem is that I have a 3 row table, each row has an image.
The problem is that when the cursor is placed over an image not only is the image swopped as required, but also part of the image in the second row is also shown on the screen (all three images are still there).

If I move the table around vertically on the page the spurious partial image seems to remain in the same place.

The additional partial image remains unless the page is refreshed (although it may change slightly).

This is bugging the hell out of me, can anyone help?

Please

Code is included below :

<HTML xmlns:cm=&quot; name=&quot;GENERATOR&quot; content=&quot; type=&quot;text/css&quot; cm:escaping=&quot;no&quot;>

BODY { font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
a:link { color:#000000; }
a:visited { color:#000000; }
a:active { color:#000000; }
TD {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt; color: #000000; }
</STYLE><meta name=&quot;keywords&quot; content=&quot;web development design consultancy CRM network support customer relation management&quot;>
<meta name=&quot;description&quot; content=&quot;&quot;>
<meta name=&quot;abstract&quot; content=&quot;&quot;>
<SCRIPT>
<!--
var __path_prefix__ = '.';

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf(&quot;#&quot;)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</SCRIPT>
<!--#set var=&quot;__path_prefix__&quot; value=&quot;.&quot;--></HEAD>
<BODY topmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; leftmargin=&quot;0&quot; background=&quot;templates/img/99C9AF/hintergrund.gif&quot; onLoad=&quot;MM_preloadImages('Garden%20Designers%20Rollover.gif','Garden%20Landscapers%20Rollover.gif')&quot;>
<A shape=&quot;rect&quot; name=&quot;top&quot;></A>
<TABLE width=&quot;760&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;><TR><TD width=&quot;760&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot;><TABLE cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;><TR>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;176&quot; src=&quot;templates/img/99C9AF/oben1.gif&quot; height=&quot;128&quot;></TD>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;16&quot; src=&quot;templates/img/99C9AF/oben2.gif&quot; height=&quot;128&quot;></TD>
<TD width=&quot;488&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot;><TABLE cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;><TR>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;488&quot; src=&quot;templates/img/99C9AF/oben3.gif&quot; height=&quot;40&quot;></TD>
</TR><TR><TD width=&quot;488&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot;><TABLE cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;><TR><TD width=&quot;400&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot;><TABLE cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;><TR>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;400&quot; src=&quot;templates/img/company_name.gif&quot; height=&quot;48&quot;></TD>
</TR><TR><TD width=&quot;400&quot; valign=&quot;top&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot;><TABLE cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;><TR>
<TD width=&quot;32&quot; rowspan=&quot;1&quot; height=&quot;40&quot; colspan=&quot;1&quot;><IMG width=&quot;32&quot; src=&quot;templates/img/99C9AF/oben6.gif&quot; height=&quot;40&quot;></TD>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;368&quot; src=&quot;templates/img/99C9AF/oben7.gif&quot; height=&quot;40&quot;></TD>
</TR></TABLE></TD></TR></TABLE></TD>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;88&quot; src=&quot;templates/img/99C9AF/pflanzen.jpg&quot; height=&quot;88&quot;></TD>
</TR></TABLE></TD></TR></TABLE></TD>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;32&quot; src=&quot;templates/img/99C9AF/oben4.gif&quot; height=&quot;128&quot;></TD>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;48&quot; src=&quot;templates/img/99C9AF/oben5.gif&quot; height=&quot;128&quot;></TD>
</TR></TABLE></TD></TR><TR><TD width=&quot;760&quot; valign=&quot;top&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot;><TABLE cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;><TR>
<TD width=&quot;192&quot; valign=&quot;top&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot; background=&quot;templates/img/99C9AF/links3.gif&quot;>
<TABLE cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;>
<TR>
<TD valign=&quot;top&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;192&quot; src=&quot;templates/img/99C9AF/links1.gif&quot; height=&quot;32&quot;></TD>
</TR>
<TR>
<TD valign=&quot;top&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot;><IMG width=&quot;192&quot; src=&quot;templates/img/99C9AF/links2.gif&quot; height=&quot;48&quot;></TD>
</TR>
</TABLE>
</TD>
<TD valign=&quot;top&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot; background=&quot;templates/img/99C9AF/oben8.gif&quot;><IMG width=&quot;32&quot; src=&quot;templates/img/99C9AF/oben8.gif&quot; height=&quot;8&quot;></TD>
<TD width=&quot;520&quot; rowspan=&quot;1&quot; colspan=&quot;1&quot; bgcolor=&quot;FFFFFF&quot;>
<TABLE width=&quot;699&quot; height=&quot;400&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;1&quot; background=&quot;Transparent.gif&quot; bordercolor=&quot;#000000&quot;>
<TR>
<TD >
<div align=&quot;center&quot;><a href=&quot;Garden%20Centres.html&quot;> <img src=&quot;Garden%20Centres.gif&quot; width=&quot;100&quot; height=&quot;100&quot; name=&quot;Image1&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('Image1','','Garden%20Designers%20Rollover.gif',1)&quot; border=&quot;0&quot;></a></div>
</TD>
</TR>
<TR>
<TD height=&quot;24&quot;>
<div align=&quot;center&quot;><a href=&quot;Garden%20Designers.html&quot;><img src=&quot;Garden%20Designers.gif&quot; width=&quot;100&quot; height=&quot;100&quot; name=&quot;Image2&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('Image2','','Garden%20Designers%20Rollover.gif',1)&quot; border=&quot;0&quot;></a>      </div>
</TD>
</TR>
<TR>
<TD height=&quot;24&quot;>
<div align=&quot;center&quot;><a href=&quot;Garden%20Landscapers.html&quot;><img src=&quot;Garden%20Landscapers.gif&quot; width=&quot;100&quot; height=&quot;100&quot; name=&quot;Image5&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('Image5','','Garden%20Landscapers%20Rollover.gif',1)&quot; border=&quot;0&quot;></a></div>
</TD>
</TR>
</TABLE>
</TD>
<TD rowspan=&quot;1&quot; colspan=&quot;1&quot; bgcolor=&quot;FFFFFF&quot;><IMG width=&quot;1&quot; src=&quot;templates/img/99C9AF/blind.gif&quot; height=&quot;1&quot;></TD>
</TR></TABLE></TD></TR></TABLE></BODY></HTML><!-- -44/-29/126/35/PT01 -->
 
Sort by date Sort by votes
More information or rather correction to my initial post.

It seems that the additional partial image is always part of the last image. What ever that is!
 
Upvote 0 Downvote
I opened your page in Opera 6 and IE5 and didn't anything like you described. What browser did you test in?
 
Upvote 0 Downvote
Thanks looked into this. The only thing I changed was number of colours???? Seems okay now, bizarre!!!!!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
1K
3esolar
3
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
1K
spamjim
spamjim
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
2K
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
2K
Chris Miller
Chris Miller
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
1K
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top