Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    css help - Centering thumbnails

    Hello folks,

    I'm hoping some of you experts may be able to solve what is possibly a simple problem!

    I'm no css expert, but I have managed to create a website using css for the layout etc. It is a photography site, and on the pages that display thumbnails, I can't get the thumbnails to display centrally. There are two rows of 4 thumbnails which I want to be centred, but they ar offset to the left. At a screen res of 1024x768 it's not too bad, but at screen resolutions higher than 1024x768 the problem is more obvious.

    The page in question is here: http://www.starstonephoto.com/land1.htm

    the css file is here: http://www.starstonephoto.com/style.css

    I've tried a few things, but I just can't get the rows of thumbnails to display centrally. Can anybody point out where I'm going wrong???

    Many thanks in anticipation!

    Michael S

  • #2
    New Coder
    Join Date
    Aug 2006
    Location
    Sweden
    Posts
    73
    Thanks
    0
    Thanked 0 Times in 0 Posts
    try putting all thumbnails in a div-tag with the following css attributes:
    Code:
    .divContainer {
        width:768px;
        margin:0 auto;
    }

  • #3
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks bitbob! I'll give that a whirl this evening and see if it ends my misery!

    Cheers!

    Michael S


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •