Product Info Page...add to cart next to description

[audradh]

Looking at other threads I have gotten closer to what I am trying to effect, but not quite there:

This is the page:

http://www.tiptopcountrystore.com/in...&products_id=3

I would like the product name, price and add to cart to line up to the left of the product description (which in this case is simply an image.)

Any thoughts?

thanks!
Audra

[audradh]

I was having a problem w/ the image loading...
I just fixed that, so now I am back to my original issue - lining up the product description (which is an image) to the right of the product name/price/add to cart

Forge on!

[kobra]

Your image is 681px wide and currently is blowing the right side out so there is no room to have what you want at the right of it...

[audradh]

Not quite sure that I understand. I don't want anything to the right of the image, only to the left.

I am looking to have the product description (image) to the right
and the add to cart, product name and price to the left.

That said, I am guessing that the size of the image is still likely an issue... I'll play w/ that.

[kobra]

Correct, left or right there is no relestate to work with

[audradh]

I shrunk the image to 135 x 103

Although that will not work for my purposes, in doing so, I can see that the product description still does not line up w/ the product name, price and add to cart.

I'm guessing that the huge image I had will be a problem, but it seems that there is more to it. I'm hoping to troubleshoot the layout first and then optimize the image size.

[gjh42]

You have a <br class="clearBoth" /> after each of the main elements, which forces them to be on separate lines. Remove those from your tpl_product_info_display.php, and the floats can take full effect so things get on one line.
You can tweak it from there to get the exact effect you want.

[kobra]

I'm guessing that the huge image I had will be a problem,

additionally any info in the image can not be used for site ranking as the bots can not read the data in the image - FYI

[audradh]

Thanks Glenn,
I knew it had something to do w/ those <br class="clearBoth" />
I was just adding them where I needed to get rid of them
Now I think I understand their function better

Thanks Kobra, appreciate the heads up about the image.
I'm testing ways of incorporating a large png image on the product info page with a smaller jpeg for the product listing page. The only 2 possibilities I can see are to do it this way, incorporating the png into the product description, or to make the png the medium and large image using IH2. Still tossing both possibilities around. As for the search engines, text can still be incorporated into the description so that shouldn't be a big deal.

[audradh]

I have been styling my product info pages. Thanks to the help on the forums I am making progress.

I can't seem to figure this out:
Whenever I move the product details block everything becomes misaligned.

This is the site:

http://www.tiptopcountrystore.com/in...&products_id=3

I off to play w/ it some more, but appreciate any thoughts

Audra