Lightbox - 3 Rows with center row not "center justified"

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • spe1542
    Private First Class

    • Apr 2008
    • 5

    Lightbox - 3 Rows with center row not "center justified"

    I am having some trouble with Lightbox. Everything went well, until i noticed the center row of pictures on the following site was not center justified:



    As you can see, theres a large gap between the bottom row and middle row, while the top and center and very close together. I checked the Lightbox properties, and both vertical and horizontal are set to center justified. I've tried re-doing the page several times, and have had no luck. Can anyone give me some ideas as to where i should go from here.

    Images are .jpg format.

    Thanks!

    [IMG]file:///C:/DOCUME%7E1/Owner/LOCALS%7E1/Temp/moz-screenshot.jpg[/IMG]
  • pioneerVicki
    First Lieutenant

    • Jun 2007
    • 180

    #2
    Re: Lightbox - 3 Rows with center row not "center justified"

    Have you tried the option of showing the photo name to see how that looks?
    www.dinkdy.info
    www.aboriginalarttreasures.com
    www.thegemlovers.com
    www.bigticketmoney.com

    Comment

    • LadyEye
      General & Forum Moderator

      • Jun 2006
      • 10526

      #3
      Re: Lightbox - 3 Rows with center row not "center justified"

      if you tick all thumbnails to be 90 x 90 or 120 x 120 .. as opposed to random, this should correct this issue ..

      VodaHost

      Your Website People!
      1-302-283-3777 North America / International
      02036089024 / United Kingdom
      291916438 / Australia

      ------------------------

      Top 3 Best Sellers

      Web Hosting - Unlimited disk space & bandwidth.

      Reseller Hosting - Start your own web hosting business.

      Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)


      Comment

      • spe1542
        Private First Class

        • Apr 2008
        • 5

        #4
        Re: Lightbox - 3 Rows with center row not "center justified"

        Thank you for the responses.

        I have tried adding the file name and this does nothing. The file name only appears when the lightbox is expanded showing the larger image. I however do not like having any text below them, and would like to keep it this way.

        As for changing the size of the images from variable, to something more fixed, this is how it turns out:



        The site is now updated with images in Lightbox set to 180x180. As you can see, the images reduced in size, however the positioning of the middle row is still not centered. I've tried un-checking "maintain aspect ratio", and though it does line all images up, it also distorts the images, as they are not perfect boxes with the same width as height. Here is a copy of the current HTML from the page. Maybe someone who understands it a little more clearly might see something in the programming that is creating this problem:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Portaits - Ella</title>
        <body style="background: #666666 url('templatecopy.jpg') no-repeat top center fixed">
        <meta name="GENERATOR" content="Created by BlueVoda">
        <style type="text/css">
        div#container
        {
        width: 800px;
        position: relative;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        }
        body
        {
        text-align: center;
        margin: 0;
        }
        </style>
        <script type="text/javascript" src="prototype.js"></script>
        <script type="text/javascript" src="scriptaculous.js?load=effects"></script>
        <script type="text/javascript" src="lightbox.js"></script>
        <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
        </head>
        <body bgcolor="#666666" text="#000000">
        <div id="container">
        <img src="templatecopy1.jpg" id="Image1" alt="" align="top" border="0" width="800" height="820" style="position:absolute;left:0px;top:0px;width:80 0px;height:820px;z-index:0">
        <div id="bv_" style="position:absolute;left:127px;top:173px;widt h:552px;height:552px;z-index:1" align="left">
        <table width="100%" border="0" cellpadding="0" cellspacing="3">
        <tr>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="kim&ella2.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="kim&ella2.jpg" width="120" height="180"></a></td></tr></table>
        </td>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="ella1.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="ella1.jpg" width="120" height="180"></a></td></tr></table>
        </td>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="ella3.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="ella3.jpg" width="120" height="180"></a></td></tr></table>
        </td>
        </tr>
        <tr>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="ella2.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="ella2.jpg" width="180" height="120"></a></td></tr></table>
        </td>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="ella6.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="ella6.jpg" width="180" height="120"></a></td></tr></table>
        </td>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="ella7.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="ella7.jpg" width="180" height="120"></a></td></tr></table>
        </td>
        </tr>
        <tr>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="kim&ella1.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="kim&ella1.jpg" width="120" height="180"></a></td></tr></table>
        </td>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="ella4.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="ella4.jpg" width="120" height="180"></a></td></tr></table>
        </td>
        <td align="left" valign="top" width="180" height="180"><table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center" valign="center" width="180"><a href="ella5.jpg" rel="lightbox[id1]"><img border="0" alt="" title="" src="ella5.jpg" width="120" height="180"></a></td></tr></table>
        </td>
        </tr>
        </table>
        </div>
        </div>
        </body>
        </html>

        Comment

        • spe1542
          Private First Class

          • Apr 2008
          • 5

          #5
          Re: Lightbox - 3 Rows with center row not &quot;center justified&quot;

          here is a screen shot of what everything in bluevoda looks like when settings are set to both vertical and horizontally centered along with another screen shot of the actual settings:



          As i adjust the settings to either have them top justified or bottom justified, they move with this in bluevoda, but stay top justified when previewing and publishing the page. Any thoughts?

          Comment

          • CarbonTerry
            Major General

            • Oct 2005
            • 2620

            #6
            Re: Lightbox - 3 Rows with center row not &quot;center justified&quot;

            Use an additional LightBox and place it where it will align as you need it.
            CarbonTerry
            Semper Fi
            Still green...still mean......just not as lean

            Red Hawk Archery
            Zone 5 Photo
            My USMC

            Comment

            • spe1542
              Private First Class

              • Apr 2008
              • 5

              #7
              Re: Lightbox - 3 Rows with center row not &quot;center justified&quot;

              So what you're saying is to make multiple lightboxes on one page, when all that's needed is one? Seems ridiculous that i'm having to do more work, when the program should take care of it all for me. Little counter-productive if you ask me...

              Comment

              • CarbonTerry
                Major General

                • Oct 2005
                • 2620

                #8
                Re: Lightbox - 3 Rows with center row not &quot;center justified&quot;

                Just a suggestion to get past your problem. The choice is yours. I volunteer my time and have nothing to do with BV or the software.
                CarbonTerry
                Semper Fi
                Still green...still mean......just not as lean

                Red Hawk Archery
                Zone 5 Photo
                My USMC

                Comment

                • spe1542
                  Private First Class

                  • Apr 2008
                  • 5

                  #9
                  Re: Lightbox - 3 Rows with center row not &quot;center justified&quot;

                  Sorry, didn't mean to come off harsh. I appreciate your feedback. I'm just hoping to resolve this problem with an efficient solution, especially if i'm having to upload photos on a regular basis. It'd be nice to do it all at once, rather then generating 3 seperate lightboxes per page.

                  Comment

                  • Collectors-info
                    General

                    • Feb 2006
                    • 8703

                    #10
                    Re: Lightbox - 3 Rows with center row not &quot;center justified&quot;

                    Hi, go to the properties & as Lady eye mentioned, set to 120 x 120, but also un-check the maintain aspect box. It will distort the images a bit, but you cant do anything about this when using 2 different aspects.
                    With light box, you can also type in your own thumbnail size if you wish in the Thumbnail size field. IE: 300x200
                    Regards Chris.

                    Collectables, Collecting, collectors-info.com

                    www.chrismorris.co.uk

                    House build project

                    Comment

                    • zuriatman
                      Moderator

                      • Sep 2006
                      • 3025

                      #11
                      Re: Lightbox - 3 Rows with center row not &quot;center justified&quot;

                      Hi,
                      Use the pix resizer and resize all your photos to one height and leave the width free. It will make the thumbs look more even.
                      www.siapamoyanganda.com/
                      Malaysian Family Tree Website From the
                      State of Johor.

                      HAPPY ARE THOSE WHO DREAM DREAMS AND ARE READY TO PAY THE PRICE TO MAKE THEM COME TRUE.

                      Comment

                      Working...
                      X