Results 1 to 3 of 3

Hybrid View

  1. #1
    Join Date
    Jul 2006
    Posts
    134
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Jul 2006
    Posts
    134
    Plugin Contributions
    0

    Default 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

  3. #3
    Join Date
    Jul 2006
    Posts
    134
    Plugin Contributions
    0

    Default 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

 

 

Similar Threads

  1. Logo header not showing in FireFox
    By annav in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 12 Jan 2010, 07:25 PM
  2. login not working in firefox
    By rlparker in forum General Questions
    Replies: 9
    Last Post: 10 Mar 2009, 12:55 PM
  3. Logo Problems in IE not Firefox?!?!
    By crankytech in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 15 Jun 2007, 05:43 AM
  4. Hoverover on firefox not working, is working on IE
    By wetjet in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 12 Apr 2007, 08:44 PM

Posting Permissions

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