Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2012
    Posts
    6
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Question OnMouseOver has a grey bottom line in IE9

    Hi,

    I'm having a problem when running OnMouseOver in IE9. It works and displays fine in Firefox, but has a thin grey line on the bottom of image when displayed in IE9, however it still works ! Please see the link below:

    http://www.justin-slater-photography.com

    Here's a snippet of my code, if anyone could help me, that would be great, as I can't figure out what is causing it !

    Code:
    <SCRIPT language="javascript1.1">
    <!--
    if(document.images != null) {
    image1=new Image()
    image1.src="BarHome.gif"
    image1a=new Image()
    image1a.src="BarHomeHover.gif"
    image2=new Image()
    image2.src="BarGal.gif"
    image2a=new Image()
    image2a.src="BarGalHover.gif"
    image3=new Image()
    image3.src="BarSer.gif"
    image3a=new Image()
    image3a.src="BarSerHover.gif"
    image4=new Image()
    image4.src="BarCon.gif"
    image4a=new Image()
    image4a.src="BarConHover.gif"
    
    
    <TABLE width="939" height="52" border="0" cellspacing="0" cellpadding="0" align="center">
    
    <TR>
    	<TD background ="BarName.gif" width="536" height="52">
    		<P><a href="Welcome.html"
    		<img src="BarName.gif" border="0" 					width="536" height="52"></a>	
    		</P>
    	</TD>
    	
    	<TD  width="73" height="52" valign="TOP">
    		<P><a href="Intro.html"
    		onmouseover="filter('a','image1a')"
    		onmouseout="filter('a','image1')">
    		<img name="a" src="BarHome.gif" border="0" 				width="73" height="52"></a>		
    		</P>
    	</TD>
    
    	<TD  width="92" height="52" valign="TOP">
    		<P><a href="Galleries.html"
    		onmouseover="filter('b','image2a')"
    		onmouseout="filter('b','image2')">
    		<img name="b"src="BarGal.gif" border="0" 				width="92" height="52"></a>		
    		</P>
    	</TD>
    
    	<TD  width="84" height="52" valign="TOP">
    		<P><a href="Services.html"
    		onmouseover="filter('c','image3a')"
    		onmouseout="filter('c','image3')">
    		<img name="c"src="BarSer.gif" border="0" 				width="84" height="52"></a>		
    		</P>
    	</TD>
    	
    	<TD  width="90" height="52" valign="TOP">
    		<P><a href="Contact.html"
    		onmouseover="filter('d','image4a')"
    		onmouseout="filter('d','image4')">
    		<img name="d"src="BarCon.gif" border="0" 				width="90" height="52"></a>	
    		</P>
    	</TD>
    
    	<TD background ="BarBlue.gif" width="64" height="52" 	valign="TOP" >
    	</TD>
    </TR>
    </TABLE>

  • #2
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Your menu should be -

    Code:
    <P><A onmouseover="filter('c','image3a')" onmouseout="filter('c','image3')" href="Services.html"><IMG border=0 name=c src="http://www.justin-slater-photography.com/BarSer.gif" width=84 height=52></A> </P></TD>
    <TD height=52 vAlign=top width=90 background="BarName.gif">
    Have fun!

  • Users who have thanked tempz for this post:

    homph (07-18-2012)

  • #3
    New to the CF scene
    Join Date
    Jul 2012
    Posts
    6
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Thumbs up

    Genius,

    Thanks a lot man All works now


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •