Home› General support

CSS centering problem on album page

lordmozilla Member
in General support
I have a problem on my photo gallery where I can seem to get the images to center like the rest of the page. The element it is in has the id padbox, but even if I create this element and use all the centering techinques shown here I still can't seem to get it. :
http://www.w3.org/Style/Examples/007/center

Can anyone help me?

The address : http://madeo.co.uk/zenphoto/public-photos/unicycling/st-etienne/

The corresponding css : http://madeo.co.uk/zenphoto/dark.css

I'm not expecting someone write my css for me I'm just looking for a nudge in the rigth direction because I've managed to center everything else and this is the last thing remaining on my todo list. With possibly making the pictures bigger...

Thanks

Comments

  • Nezzy Member
    Apparently LordMozilla has had the same issue i am having.

    While tryig to make the Gallery images (#images/.imagesthumb in the CSS) more responsive on the page I have run in to a issue.

    While using display: inline-block; text-align: center; or any other CSS adjustment, i cannot seem to center align the images on the gallery page, I have done on the Album page thumbs.

    As LordMozilla mentioned, #padbox may be an issue here. Or is it some code in the core PHP? Is the Float:left; property here a must to work here?

    Can any help
    Thank You

    ZP v. 1.4.12
    Win 7
    I am learning ZP on WAMP - so i have no link to post.
  • acrylian Administrator, Developer
    It's a bit hard to tell from here. It can always be tough to find dependencies in CSS overriding things. You seem to use the basic theme. Note that it has a several css files so be sure your use the right one for the personality chosen.
  • Nezzy Member
    I have tried the "inspect element" in Firefox 45 and IE11 to help find the appropriate CCS, I thought there might be a inline style in the PHP - I not seeing, but the inspect element usually shows inherited CSS, as well as overridden CSS & ACTIVE CSS.

    I guess I'll have to play around and experiment.

    Found it after - Review the "page source" on firefox
    - got a better look at setup - adding display: inline-block to .images did the trick.

    Thank You
  • acrylian Administrator, Developer
    Great that you managed it!
Sign In or Register to comment.