1 reply [Last post]
dragonself
dragonself's picture
Offline
newbie
Last seen: 6 years 15 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: 1 day 2 hours ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9767
Points: 3849

.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.