Site wide horizontal thumb display please

[nicecarvings]

I would like for my image thumbs to display in a 3 horizontal column like in my "new products for month) on the main page...
http://www.nicecarvings.com/cart/

I think I would like for product image thumbs in all categories to display in 3 horizontal columns like this as well. Not just a single vertical row like here...
http://www.nicecarvings.com/cart/ind...=index&cPath=1

Can it be done? If so...how?

TIA

[nicecarvings]

This issue is not nearly as important to me now that I have standardized my image size width...

Still might be neat to get the image display in columns for category views.. Don't have a clue how to do it though.

PS: Anyone know how to get a break or space between the images on this page?...

http://www.nicecarvings.com/cart/ind...=index&cPath=1

[RuFuS]

Hi,

The top of your page overlaps your header in IE7

This can be fixed by changing your #logoWrapper height from 75px to the actual height of your header image (200px) like so:

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:200px;
}

[RuFuS]

I forgot to mention, to add space between your category list images, you can add this to your stylesheet also

.productListing-data {
padding: 0.1em 0.1em 0.1em 0.1em;
}

[nicecarvings]

Thanks Rufus!

Will be tackling those tasks tomorrow thanks to your help.

Actually, I don't see the problem in IE7 that you mentioned. hmmm.

[nicecarvings]

I found the solution to original question here...EASY!

Admin>Config>Product Listing>Product Listing>Layout Style>Toggle Cloumns or Rows!! :)

[nicecarvings]

Hi,

The top of your page overlaps your header in IE7

This can be fixed by changing your #logoWrapper height from 75px to the actual height of your header image (200px) like so:

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:200px;
}

Weird, turns out this problem does exsist Rufus. It just wasn't showing on my PC and I noticed it on my kids pc. Really funky looking.

I tried your fix...it didn't work.

Link is in my signature, header image area is messed up looking in IE7. Please help! I dunno what to do.

[RuFuS]

Hi,

When I looked on the site it was set back to 75px again so I tested everything again and it worked fine for me once I had set it to 200px?

Change it back to 200px and I will look again for you...

[nicecarvings]

Ok. Changed it back!

You're right man! Checked the kids IE7. All good.


Wait a minute...don't go nowhere. While you are here...

1. Do you know how to fix that line where the background shows through and eliminate the large gap between the header image and the cart contents area? (see screen cap)

2. Then, about where that gap is...I'd like to put a little make shift text navigation area with links to the rest of my website.

I'm guessing this is all done in the stylesheet??

[RuFuS]

Try:

In templates/yourtemplate/common/tpl_header.php

Remove <div id="taglineWrapper"> and everything in it (inluding any other divs) as you are not using this function.

Also remove the <br class="clearBoth" /> directly below it.

In your css, change the #logowrapper height to 150px (sorry I thought your banner logo was 200px high )

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #aabbbb;
height:150px;
}