Results 1 to 5 of 5

Thread: Lightbox 2.03a - how to center image

  1. #1
    Join Date
    Apr 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Lightbox 2.03a - how to center image

    1) Script Title: Lightbox2

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

    3) Describe problem: everything works great, however the slideshow/image viewer pops up on the left hand side of the page. Was wondering if we can tweak it to open in the middle of the page? Thanks.

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    1. Your link was broken, so here's the link to the script:
    http://www.dynamicdrive.com/dynamici...box2/index.htm

    2. We need a link to your page to help because the demo page doesn't have the same error.
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  3. #3
    Join Date
    Apr 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks dude.

    to avoid getting an indexed link:

    az home construction . com / gallery

    (obviously no spaces)

    the thumbed images are towards the bottom of the page.

    Thanks in advance/ JP

  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

    The default is centered. Either someone edited the lightbox.css file used on the page linked to in your post, or something happened to it somehow. Anyways, the copy of lightbox.css used by that page has (at the beginning):

    Code:
    #lightbox{
    	position: absolute;
    	left: 0;
    	width: 25%;
    	z-index: 100;
    	text-align: center;
    	line-height: 0;
    	}
    It should be:

    Code:
    #lightbox{
    	position: absolute;
    	left: 0;
    	width: 100%;
    	z-index: 100;
    	text-align: center;
    	line-height: 0;
    	}
    That will fix it.
    - John
    ________________________

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

  5. #5
    Join Date
    Apr 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    DynamicDrive.com rocks!

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
  •