Eliminating wrap-arounds

[rplatt]

I've been kicking about in the CSS for a few days and have hit a brick wall with regards to the layout of the additional images. I've used the mod from the downloads section on my site as illustrated here .. http://www.1300ad.co.nz/store/index....roducts_id=181 but I just can't get the images to align. Ideal scenario is image(s) alignment on the left and text on the right (text contained so that it doesn't wrap around the images, in more of a columnar style)

Feel free to throw eggs at me if it's been asked already. Perhaps it's simply my comprehension but even a simple suggestion to get this behind me would be most appreciated. I've a moderate understanding of CSS and guff but certainly no expert.

[gjh42]

Have you solved your problem since posting this? I don't see anything wrong with your display. (In Firefox 2)

[rplatt]

Yeah, I've literally been trying for about a week, had a moment of realisation last night and.. problem solved. Simply used a different module which just replaced the product_info (I think) page. Decreased ease of customisation as it's not css but still.. I'm content. I'm learning as I go.

Can't get the hoverbox2 addon to work but that's for another thread..

But, thanks for pointing me to the forums gjh42.

[ckosloff]

Yeah, I've literally been trying for about a week, had a moment of realisation last night and.. problem solved. Simply used a different module which just replaced the product_info (I think) page. Decreased ease of customisation as it's not css but still.. I'm content. I'm learning as I go.

Can't get the hoverbox2 addon to work but that's for another thread..

But, thanks for pointing me to the forums gjh42.

I have been away from the forums for a few days.
I wouldn't suggest that you use a different module, the template in the downloads section is based on the latest Zen Cart version.
To solve the wrap-around the images problem I simply use a table for the text of the product description if its too long.
There may be other solutions using CSS, but more involved, tables work fine for now.

[gjh42]

A very simple way of keeping the description from wrapping around the images is to specify in the stylesheet

#productDescription {
   margin-left: 210px;
    }

or whatever fits appropriately.

You can add the same margin to other elements like the product details, attributes and add to cart button.

[Webskipper]

How does this contribution turn on to function? Both files are up and i added the additional lines to my stylesheet and I don't see where to upload extra pics.

Thanks in advance.

[gjh42]

This mod does not deal with uploading images, it simply handles their display after they are uploaded.

You have to name your additional images to go along with the base product image, and upload them by FTP to the appropriate place in your /images/ folder. See the FAQ/tutorials for complete info.

[Webskipper]

I did that, thanks. Still not working. I am working with one product at a time . All aditional images are uploded to the images folder:

image.jpg
image_1
image_2.jpg
etc

[gjh42]

What setting do you have for Configuration > Images > Product Info - Number of Additional Images per Row ?

[Webskipper]

3 Also, the css addition caused my description to expand over my image.