Results 1 to 5 of 5

Thread: Lightbox v2.03 in Firefox

  1. #1
    Join Date
    May 2007
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Lightbox v2.03 in Firefox

    1) Script Title: Lightbox v2.03

    2) Script URL (on DD): http://dynamicdrive.com/dynamicindex...box2/index.htm

    3) Describe problem:

    Hi

    In Firefox the "close x" image is located right on the edge of the lightbox, but I would like it to be 10-15px from the right edge, equally with the edge of the image. How do I achieve it? It's a small problem, but still, disturbs my eye. And it's weird, because the DynamicDrive sample is all OK, just on my page... I add an image in case if needed for better understanding:



    Thanks in advance,
    M.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    That's not where it is on the demo page in FF here. Unless you are seeing it there on the demo page in FF there, it is something you did in your implementation or something already existing on your page interacting with the script and/or (most likely) its styles. It could even be something as simple as forgetting to specify px in your stylesheet.

    If you do see it that way in FF on the demo page, it is something to do with your version of and/or setup of FF.

    So, which is it?

    If it is your implementation or conflict with your existing page, we would need a link to your page in order to be of specific help.
    - John
    ________________________

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

  3. #3
    Join Date
    May 2007
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    That's the thing, I did not change any padding/margin values in the codes, only customized url to the images (in lightbox.css and lightbox.js ), which seems to be ok since the images are found and displayed, just a little in the wrong place. Or maybe the url's are the problem? Or directories?

    I viewed the DynamicDrive original examples with the same Firefox 2.0.

    Okay, the example gallery is here.
    (ignore the first page and click to go to the destination page. Free host, you know, sorry.)

    Take a look and tell me what do you think.


    M.
    Last edited by Mardus; 05-12-2007 at 01:26 PM.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Here it is:

    Code:
    a img {
      border-width: 0;
      padding: 10px;
      }
    from your on page stylesheet. You need to make this specific to the gallery of thumbnails, like:

    Code:
    .content a img {
      border-width: 0;
      padding: 10px;
      }
    - John
    ________________________

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

  5. #5
    Join Date
    May 2007
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Okay, that totally solved the issue! Big thanks, jscheuer!

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
  •