Align "Add to Cart" & "Tell A Friend" on tpl_product_info_display

[CompuWeb]

hello All,

I would like to know if it is possible to horizontally align the "Add to Cart" and "Tell A Firend" buttons on the tpl_product_info_display page?

My page is http://www.safebaby.ie/index.php?mai...&products_id=1

Currently the "Tell A Friend" is on the next line and beneath "Add to Cart". I believe it would look much better on the same line.

If not, can I place it directly under the "Add to Cart" button?

[stiggy100]

In terms of the second option you can do that in seconds by adding:


#productTellFriendLink {
float: left;
}


Hope this helps

Steve

[stiggy100]

Too late to edit - but I of course meant by adding that to your stylesheet.

I think the first option requires a very small change in your php but I am not so sure, so I'll leave that to someone more experienced!

Steve

[CompuWeb]

Thanks Stiggy, the code you supplied worked perfectly for aligning it left.

Would still like to move it up on to the same line as the "Add to Cart" button if anyone knows how to do this it would be great?

[stiggy100]

To get them on the same line you I beleive will need to create a 'wrapper' and include both of these lines in it:

<!--bof Add to Cart Box -->
<div id="cartAdd">
<input name="cart_quantity" value="1" type="hidden"><input name="products_id" value="1" type="hidden"><input src="includes/templates/sbtemplate1/buttons/english/button_in_cart.gif" alt="Add to Cart" title=" Add to Cart " type="image"> </div>
<!--eof Add to Cart Box-->

<!--bof Tell a Friend button -->
<div id="productTellFriendLink" class="buttonRow forward"><a href="http://www.safebaby.ie/index.php?main_page=tell_a_friend&amp;products_id=1&amp;zenid=bc43023c806ffcefc2 4a84c0697e702f"><img src="includes/templates/sbtemplate1/buttons/english/button_TellAFriend.gif" alt="Tell a Friend" title=" Tell a Friend " width="150" height="58"></a></div>
<!--eof Tell a Friend button -->

This is found in your includes>templates>sbtemplate1>templates>product_info_display.php

Now I'm not proficient in PHP but I guess you could create it using a similar technique and coding to the wrappers above?

Apologies its not much help,

Steve

[stiggy100]

Or Try

#productTellFriendLink {
position: relative;
bottom: 65px;

See if that holds up to interrogation???