Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › [Solved] Spaces between rows – List

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 29, 2009 at 3:30 pm #26283
    TylerDCA
    Member

    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 #64854
screencat
Member

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 #64861
TylerDCA
Member

Thanks for the help. You solved my issue.

Cheers.

  • Author
    Posts
    • Viewing 3 posts - 1 through 3 (of 3 total)