Grow your CSS skills. Land your dream job.

[Solved] Spaces between rows – List

  • # September 29, 2009 at 3:30 pm

    I am having a terrible time, and I’m about prepared to tear my face off.

    I’m working on a photogallery, all square images. This is down with a list. It is almost perfect but the li are expanding by about 1/2 pixels at the bottom and for the life of me I cannot figure out why.

    It is pretty straight forward:

    Code:


I have tried setting the margin/padding on everything, yet I still get a gap between rows.

This is the page in question:

http://junkedcamera.com/clubmsm2/photos.php

# September 30, 2009 at 4:55 am

Don’t get mad! It’s not your fault! :lol:

This is a known doctype-related issue and also a problem I ran into several times. I always fixed it by setting the img tag to "display: block;" but as I just read here: http://www.tjkdesign.com/articles/imageanddoctypes.htm you can also set the img tag to "vertical-align:bottom;" or "float:left;" to fix it.

# September 30, 2009 at 9:00 am

Thanks for the help. You solved my issue.

Cheers.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".