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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Oct 2008
    Location
    Poland
    Posts
    382
    Thanks
    150
    Thanked 2 Times in 2 Posts

    Why some photos show bigger and other smaller?

    The are all 600px width! But somewhere they are larger and somewhere they are shorter in width.

    However:
    • The original file width is always/everywhere 600px
    • The width html tags also show 600px


    So why there are those differences?
    The page in question is here.

    Here is an example:




    please help... I can't find out the issue...
    Attached Thumbnails Attached Thumbnails Why some photos show bigger and other smaller?-differences.jpg  

  • #2
    Regular Coder
    Join Date
    Jun 2011
    Location
    CA
    Posts
    105
    Thanks
    0
    Thanked 10 Times in 10 Posts
    Unfortunately, your CSS has been minified (it's all in one line), so it's hard to read. It appears some of the images are reduced during display, even though they are actually 600px width. Check your div CSS; it appears that the images are lined up fine as long as they are under the same div, and in the next div all the images get smaller or larger than the previous one. Something is reducing the images. Extra padding in a div, perhaps?

  • Users who have thanked StevenHu for this post:

    utnalove (10-26-2012)

  • #3
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,297
    Thanks
    10
    Thanked 282 Times in 281 Posts
    I notice the first image in your example is captured within <p> tags, whereas the second is in <h2> tags. I suspect the styling differences on those two tags is causing the issue.

    Dave

  • Users who have thanked tracknut for this post:

    utnalove (10-26-2012)

  • #4
    Regular Coder
    Join Date
    Oct 2008
    Location
    Poland
    Posts
    382
    Thanks
    150
    Thanked 2 Times in 2 Posts
    Hi, I have disabled the minify. It should be easier now to read.
    It looks like that there is somewhere some max-width:100%; that is reducing the images.

    But I am not sure whether it is worth or not to remove it. And why a 100% reduces the images.

    hmmmm... any suggestions?


  •  

    Posting Permissions

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