Vertical Align Icons in Grid Format

[Qwert302]

If you look at my racquetball site below you will notice that the categories are laid out in a grid format on the main page. They are all vertically top aligned, and I want them vertically middle aligned. The same thing for the featured items on the bottom.

I have played with the stylesheet but I can't seem to find the proper place to adjust the value for these items.

Anyone know? Thanks.

[kobra]

A solution for this is to matt all of your images to the same dimensions

[Qwert302]

That's not a solution, that's a workaround.

There has to be a way to do it with the stylesheet, right?

If I was producing all images I would make them all the same size, but I am getting these images from the manufacturers, and therefore I am stuck with what sizes they give me.

Now for all the categories I could easily just adjust the sizes to what I want, since the images are only used for the categories. But the featured items are using the same image as the product info, and I don't really feel like uploading a separate small image for every featured item I make.

Thanks for the bump though.

[kobra]

But the featured items are using the same image as the product info, and I don't really feel like uploading a separate small image for every featured item I make.

Not a separate image - -will still be the same one just that it is good practice to have all images the same size and in your case this needs a standard matt that your images are placed on.

With Photo Shop this can be scripted as an action and done in bulk

[rstevenson]

Hi Qwert,

You said "...There has to be a way to do it with the stylesheet, right?" Alas, all us web savants suffer this shock at some point. You might want to read up a little on "vertical aligning images using CSS" (do a Google search on that term.) Here's a couple of links for your reading pleasure...

http://www.student.oulu.fi/~laurirai/www/css/middle/
http://www.w3schools.com/Css/pr_pos_vertical-align.asp

HTH

Rob