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
    Regular Coder
    Join Date
    May 2010
    Posts
    188
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Pho gallery difference in height



    I am trying to create an image gallery. As you can see in the image why is that the right image has more height? Even though these two image has the same height? It's weird. When I replace the image on the right with image on the left, they will show same height.

    Below is my code

    Code:
    <div id="menu_boxes">
    	<img src="image/menu/pic1.jpg" width="351px" height="470"  >
    <img src="image/menu/pic2.jpg" width="351px" height="470"  >
    
    </div>
    Last edited by Anishgiri; 04-05-2013 at 06:56 AM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello Anishgiri,
    Post the relevant CSS that goes with that. Maybe someone here will spot your problem then.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,138
    Thanks
    7
    Thanked 257 Times in 256 Posts
    Also if you can post the links to the actual images.... half the time this answer ends up being "the images are not the same size".

    By the way, the "px" should not be here. That's not the problem you're having, just correcting the code...

    Code:
    <div id="menu_boxes">
    	<img src="image/menu/pic1.jpg" width="351px" height="470"  >
    <img src="image/menu/pic2.jpg" width="351px" height="470"  >
    
    </div>


  •  

    Posting Permissions

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