Results 1 to 2 of 2

Thread: Ajaxtabs.css not working in Firefox

  1. #1
    Join Date
    Sep 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Ajaxtabs.css not working in Firefox

    1) Script Title:
    Ajax Tabs Content
    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...axtabscontent/
    3) Describe problem:
    i'm using this script in my page but i added an image before the tabs:
    HTML Code:
    <ul id="maintab" class="shadetabs">
    <li class="selected"><a href="link1.html" rel="ajaxcontentarea"><img src="image1.jpg" alt="image1" width="50" height="54" border="0" align="absmiddle" />Link1</a></li>
    <li><a href="link2.html" rel="ajaxcontentarea"><img src="image2.jpg" alt="image2" width="50" height="54" border="0" align="absmiddle" />Link2</a></li>
    </ul>
    In IE explorer it works fines but in firefox the shadetabs doesn't adjust to the image size.
    Example:
    I.E.:


    Firefox:


    I've tried to change css code to adjust the shade tabs in firefox but i can't get it right!

    please help! :P
    P.S.: sorry for my bad english

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,954
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    This may be very hard, if not impossible to do in FF. It would be much easier to even tell, if you post a link to a demo page of this problem. It is much harder to just guess from an image of the trouble. I'd try setting the height for .shadetabs li and/or .shadetabs li a to the height of the image. Another thing I would look into is getting rid of align="absmiddle" on the image and using a relatively positioned span around the link text to position it. So hard to say what will work without the full code and resources (images) of the page.

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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