Forums / Templates, Stylesheets, Page Layout / Logo rollovers not working in firefox

Logo rollovers not working in firefox

Locked

Views: 1,349

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
1 Dec 2006, 2:09 PM
#1
ellis200200 avatar

ellis200200

Zen Follower

Join Date:
Jul 2006
Posts:
127
Plugin Contributions:
0

Logo rollovers not working in firefox

Hi

I have customised my tpl_header file in my custom template to try and include some roll over buttons in my header, its not finished as i am just testing it at the moment so excuse the mouse over/out all having the same image.
It seems to be working in IE but not in firefox.
Here is the code,

<!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><a href="http://www.niodonline.co.uk/"><img src="images/logo.jpg" alt="Powered by Zen Cart :: The Art of E-Commerce" title=" Powered by Zen Cart :: The Art of E-Commerce " width="850" height="200" /></a></div> <div id="taglineWrapper"> <!--div id="tagline"--> <a href="index.php?main_page=index&cPath=79" onMouseover="img src='/images/buttonstest.jpg';" onMouseout="img src='/images/buttonstest.jpg';"style="position:relative;TOP:-80px;LEFT:100px;"> <img src="/catalog/images/buttonstest.jpg" name="a"></a> <!--/div--> </div> </div> <br class="clearBoth" /> <!--eof-branding display-->

Any ideas what I'm missing??

Thanks for any help.

Andy

1 Dec 2006, 3:12 PM
#2
ellis200200 avatar

ellis200200

Zen Follower

Join Date:
Jul 2006
Posts:
127
Plugin Contributions:
0

Re: Logo rollovers not working in firefox

HI,

been playing with it a little more.

i have made it a simple as i can to try and sort out the problem.
I have now inserted this:-

<!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><img src="images/logo.jpg" alt="Powered by Zen Cart :: The Art of E-Commerce" title=" Powered by Zen Cart :: The Art of E-Commerce " width="850" height="200" /></a></div> <div id="taglineWrapper"> <!--div id="tagline"--> <a href="index.php?main_page=index&cPath=79"><img src="/catalog/images/buttonstest.jpg" width="85" height="38" border="0"style="position:relative;BOTTOM:-20px;LEFT:0px;"></a>
  <!--/div-->
            </div>
</div> <br class="clearBoth" /> <!--eof-branding display-->

I displays fine in IE at the bottom of the main image, but in firefox it seems to have a default relative position at the top of the page, so it displays at the there instead of at the bottom.

Your help will be appreciated

Thanks Andy

1 Dec 2006, 5:00 PM
#3
ellis200200 avatar

ellis200200

Zen Follower

Join Date:
Jul 2006
Posts:
127
Plugin Contributions:
0

Re: Logo rollovers not working in firefox

Sorted.

Just in case anyone else is having this problem

Inserted, "<br class="clearBoth" />" before the changes.

Andy