Results 1 to 4 of 4

Thread: PHP Photo Album Help

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

    Red face PHP Photo Album Help

    1) Script Title: PHP Photo Album script v2.11

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

    3) Describe problem:

    Im trying to figure out how to adjust the properties of the manual text descriptions.

    As they are, they all default to the left and there are no choices for font or size or color.

    I don't mind donating $ if that will help out.

  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

    You mean left justified? Um, the situation is a little restrictive, but not as restrictive as I think you may think it is. Here's what a typical div with a thumbnail in it looks like (these are created by the script):

    Code:
    <div class="photodiv">
      <img src="http://www.dynamicdrive.com/dynamicindex4/phpgallery/jag1.jpg" data-index="0">
      <br>
      Photo 1
    </div>
    So you can control the description by using css style for the class. Like in the css file:

    Code:
    .photodiv {
    text-align: center;
    color: red;
    font-family: sans-serif;
    font-size: 12px;
    }
    Make sure if you set the width and/or height for this class that it leaves enough room for the image and description.

    FYI, if you're using the default css file for this script it already has:

    Code:
    .photodiv { 
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
     }
    And governing the image in the photdiv:

    Code:
    .photodiv img { 
    border: 0px none currentColor;
    cursor: pointer;
    height: 106px;
    width: 200px;
     }
    The width of the image will pretty much govern the width of the division unless you decide not to allow the text to wrap.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

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

  3. #3
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    In the example here:
    http://www.dynamicdrive.com/dynamici...photoalbum.htm


    You can see the words photo 1 photo 2

    Those are the photo descriptions I want to center under my thumbs. You can see they are left justified.

    In your examples isn't that the code for page buttons?

    Obviously Im new at this. Please don't beat me.

  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

    Quote Originally Posted by doublesnaggle View Post
    Obviously Im new at this. Please don't beat me.
    That would be pretty hard to do, but I think I know what you mean.

    But no, what I gave you would take care of it. But perhaps I gave you too much information. If so, forget about all that for the moment - it's all still valid and you can refer back to it later. For now though, simply add (using a text only editor like NotePad) the highlighted as shown in the ddphpalbum.css file:

    Code:
    /* ######### CSS for PHP Photo Album itself ######### */
    
    .photodiv{ /*CSS for DIV containing each image*/
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    }
    
    .photodiv img{ /*CSS for each image tag*/
    border: 0;
    width: 20 . . .
    - 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
  •