Product Info Layout Help

[stumped]

Hello,

What I'm looking to do is have the product image placed under the product name and price so there isn't so much white space on my prod info page. I just can't seem to get it right. Any help would be much appreciated.

Here is my prod page http://www.all-metal-lockers.com/ind...&products_id=1

Thanks in advance

[kobra]

Looked at you link...I might suggest that you rethink this layout and move the description to standard Zen Cart placement(next to the image) to take up the "white space" and drop the repeat of the product image in the table array that you have created and resize it in width so that it can tuck up under the image and description.

Also it looks as though you are displaying the same image as an additional image at the bottom but this is not named correctly(the file) for usual display of additional images. this might be that you need to prune the image folder for these extraneous images
JMO

[stumped]

Thanks for looking Kobra. I fixed the problem of the additional image on the bottom but would still like to move the main product pic under the prod name and price.

I also noticed a problem with the header on the attributes (please choose) It doesn't show up in IE.

Any help would be greatly appreciated

[kobra]

First the IE issue

Find or add in your style sheet;

#attribsOptionsText {
background-color: #75a3d1;
}

To get what you have you have already edited the tpl_product_info_display.php and this is where you have to reorder the name, price & image

[stumped]

That line is already in my css, but it's still not showing up in IE

and I also could use some help in centering the product image in the product info page

andy help would be greatly appreciated

thanks

[kobra]

Try finding or adding

#productMainImage {
padding-left: 12em;
}

[stumped]

Thank you thank you thank you Kobra for that fix. It worked like a charm.

I also fixed the peek a boo bug by adding :

h1, h2, h3, h4, h5, h6, p {
position: relative;
}

to the stylesheet and now everything is how I wanted.......for now

Thanks again

[kobra]

That line is already in my css

But the background color that I recommended is not and I did say "find or add"

Your Code

#attribsOptionsText {
    margin: 0;
    padding: 0.5em 5px;
    border: 1px solid #75a3d1;
    color: #000000;
    text-align: center; 
    }

And the peek-a-boo bug had not crossed my vision yet, glad it is sorted

[stumped]

it was in, then I took it out, then I put it back ect ect, you must have checked while I was switching things