• Locked
2 replies [Last post]
Tue, 2009-05-05 06:44
jason3w
Offline
newbie
Australia
Last seen: 13 years 38 weeks ago
Australia
Joined: 2009-05-05
Posts: 2
Points: 0

I have a site on the go.
http://www.threeworlds.com.au/store/categories/Fire-Twirling/Parts-%252d-Fire-Gear/

I want the images to sit on top of the title for each product, not floating up in the air as they are now.
Any ideas would be great.
I've tried vertical-align:bottom on the img tag and no luck.

Thanks heaps
Jason

Top
Tags:
Tue, 2009-05-05 11:24
#1
wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 47 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

welcome jason, probably the

welcome jason,
probably the easiest way would be to add position: relative to .ProductList .ProductImage and to .ProductImage img add position: absolute; bottom: 0; left: 4px;

Top
Tue, 2009-05-05 11:31
#2
jason3w
Offline
newbie
Australia
Last seen: 13 years 38 weeks ago
Australia
Joined: 2009-05-05
Posts: 2
Points: 0

Thanks Wolfcry!! That got

Thanks Wolfcry!!
That got them sitting on the bottom, only problem is now the don't align horizantly, and some of the images are not as wide as others.
ie. http://www.threeworlds.com.au/store/categories/Fire-Twirling/Fire-Poi/

I don't suppose i can use the old margin-left:auto trick here.. Sad

Any other little tricks up your sleeves?

Smile thanks for your time too!!

Top
  • Locked