Results 1 to 2 of 2

Thread: PHP Photo Album : Edit CSS to Center while retaining 3 in a row.

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

    Default PHP Photo Album : Edit CSS to Center while retaining 3 in a row.

    http://www.dynamicdrive.com/dynamici...photoalbum.htm

    First off great script! Exactly what I was looking for and up to this point it had been very easy to work with. I appologize in advance if this subject has already been discussed, I performed a quick search and was unable to find the information...

    I would like to center the gallery (row of three images) inside of a table.

    If I set alignment in the table or by DIV it is ignored (I think the CSS is overriding it).

    If I set the float alignment in the CSS to center it changes the output to a single image per row.

    Since I don't have a ton of experience with CSS any help would be appreciated, the css I am using and screen shot of the current output follows...

    Code:
    /* Image Gallery CSS */
    
    .slideshow{ /*CSS for DIV containing each image*/
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    }
    
    #navlinks{ /*CSS for DIV containing the navigational links*/
    width: 400px;
    }
    
    #navlinks a{ /*CSS for each navigational link*/
    margin-right: 8px;
    margin-bottom: 3px;
    font-size: 110%;
    }
    
    #navlinks a.current{ /*CSS for currently selected navigational link*/
    background-color: transparent;
    }
    The image is an example when the css alignment is set to left.



    The second image is an example when the css alignment is set to center.



    Here is a mock up of what I am trying to achieve.

    Last edited by _scott; 02-17-2006 at 02:37 AM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,991
    Thanks
    43
    Thanked 3,198 Times in 3,160 Posts
    Blog Entries
    12

    Default

    See posts number 2 and 3 in this thread.
    - 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
  •