1 reply [Last post]
dragonself
dragonself's picture
Offline
newbie
Last seen: 6 years 25 weeks ago
Timezone: GMT+8
Joined: 2014-06-06
Posts: 1
Points: 2

Hi,

I am quite new to CSS, just read a bit of inline/block of the display style of div. I want to change the related product layout in a site from vertical list to horizontal list by using dsiplay:inline. But no luck.

Can any one help to check what is missing
Site:
http://alisonland.com/matteo/index.php/costumes/toddler-jake-never-land-pirate-costume-detail
(middle right with three kid's photo)

Some css that maybe related:
.product-related-products .product-field-type-R {
padding:5px 0 5px 5px;
display: inline;
}

Thanks in advance.
Philip

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 21 hours 26 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

.product-related-products

.product-related-products .product-field-type-R {
  display: inline-block;
  padding: 5px 0 5px 5px;
  }

For some reason, Captain America is wider than the other two. There is not enough space for all three side by side anyway.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.