Bottom button alignment

[ekcetera]

I can't figure out how my "write a review" and "tell a friend" buttons are aligned on the bottom of my product page.

http://shop.ekcetera.com/index.php?m...roducts_id=316

Click through a few products- it seems like they move around for every product. I checked the product listing.php template and didn't see anything.

Does anyone have a recommendation for making them align to the left (or right) of the page without the spacing inbetween?

Thanks.

[kobra]

This is controlled in the tpl_product_info_display.php file and you need to place a clear both before the tell a friend and write a review to force a new line

On another matter probably more important your images are HUGE at 976.62 KB for one of them where this needs only be 4-6k to look good at this size

[ekcetera]

Thanks for the image size tip. I'll have to fix that.

I added the clear both, and it worked, but now the "tell a friend" is aligned to the right. I added a float:left to the tag, but it didn't work.

Now what?

[kobra]

If you want them both aligned to the left then leave both clear both's but in the tell a friend entry find this:

<div id="productTellFriendLink" class="buttonRow forward">

and change to this:

<div id="productTellFriendLink" class="buttonRow back">

[tstamplis]

I've added the clear both command before and after my add to cart button and discount quantity box but can't get them to show on two different lines. This is the clear both I'm using in tpl_products_info_Display.php file:

<br class="clearBoth" />
<!--bof Add to Cart Box -->
<?php
if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
// do nothing
} else {
$display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');
if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
// hide the quantity box and default to 1
$the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
} else {
// show the quantity box
$the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
}
$display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
if ($display_qty != '' or $display_button != '') { ?>
<div id="cartAdd">
<?php
echo $display_qty;
echo $display_button;
?>
</div>
<?php } // display qty and button ?>
<?php } // CUSTOMERS_APPROVAL == 3 ?>
<!--eof Add to Cart Box-->
<br class="clearBoth" />
<!--bof Quantity Discounts table -->
<?php if ($products_discount_type != 0) {
require($template->get_template_dir('/tpl_modules_products_quantity_discounts.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_products_quantity_discounts.php');
}?>
<!--eof Quantity Discounts table -->
<br class="clearBoth" />

These two objects show on the same line, I am wanting them on two diffent lines with both centered.

Any help would be greatly appreciated!

Specific page url that has discount qty box:
http://www.impressionslast.com/index...products_id=73

Thank you!

[dbltoe]

Ekcetera,
Part of your problem may be that you have hard-coded a stray css link incorrectly placed between the head and the body of the document.

[dbltoe]

tstamplis,
Your two divs are rendering each in a td that are inside a tr as in

<tr>
  <td>discount list</td>
  <td>add button</td>
<tr>

You can get a bulldozer after the divs but , until you change the rendering to

<tr>
  <td>discount list</td>
</tr>
<tr>
  <td>add button</td>
<tr>

you might as well try to collect feathers in a hurricane.

Keep an eye on colspan when you make changes.

Neat feature on the picture hover.