Trouble with thumbnails alignment

  • janpd24

    (@janpd24)


    15 years, 2 months ago

    I’ve been helping a friend out with their WordPress site and come up against a thumbnail display issue. The category archive pages display a list of thumbnails of the featured images from posts in that category. All very fine. But the trouble is, the thumbnails don’t line up properly.

    See a demo of the problem here: http://www.zubaanbooks.com/wordpress/?category_name=health

    I read somewhere that one way to fix it is to use a table to display the thumbnails. If so, how would that work — where does one put in the code for the table?

    Is there any other (easier) way to fix this?

    (This site and theme was created by someone else who isn’t available to troubleshoot presently.)

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    15 years, 2 months ago

    I read somewhere that one way to fix it is to use a table to display the thumbnails.

    That’s a very poor solution. Tables are meant for displaying tabular data – not layout out pages. You’re hitting a problem because your thumbnail images are not the same height. Try adding:

    .thumb160x160 {height: 160px;}

    to the bottom of your theme’s stylesheet.

    Thread Starter janpd24

    (@janpd24)

    15 years, 2 months ago

    Some of the thumbnails are portrait and some landscape orientation. Would your fix work despite that? We don’t want the thumbnails to be either cut off or pulled/squashed out of shape.

    esmi

    (@esmi)

    15 years, 2 months ago

    The fix will work as I haven’t included a width value.

    Thread Starter janpd24

    (@janpd24)

    15 years, 2 months ago

    Thanks Esmi. I will try this out.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Trouble with thumbnails alignment’ is closed to new replies.