Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Getting so AGGRAVATED with alignment problems...


garysgal

Recommended Posts

Posted

My site is live, and I've been fighting alignment problems for weeks... I've compared clean copies of OSC with mine, can't find added <tr>'s or <td>'s, etc. etc. etc....

 

Two big huge problems (yes, I've posted this before but now I have new issues): my "shopping cart" box drops to align with the product description, and my product description is not at the top of the page, it drops to the middle if the description is short. See HERE. If the product description is large, the description aligns properly (see HERE), although the shopping cart box still drops.

 

It's like the valign is set to middle somewhere, but I've searched every alignment and changed everything to "top", and still no changes...

 

Can anyone help with this frustrating issue? Thanks so much!

Posted

This is the offending image.

 

http://www.familymemoriesandmore.com/image...ground_cart.gif

 

If you do not want that Image that large reduce it or white it out and make it 1px by 1px Then It will not show.

 

You did not say if you want it there or not.

 

 

 

 

 

 

 

My site is live, and I've been fighting alignment problems for weeks... I've compared clean copies of OSC with mine, can't find added <tr>'s or <td>'s, etc. etc. etc....

 

Two big huge problems (yes, I've posted this before but now I have new issues): my "shopping cart" box drops to align with the product description, and my product description is not at the top of the page, it drops to the middle if the description is short. See HERE. If the product description is large, the description aligns properly (see HERE), although the shopping cart box still drops.

 

It's like the valign is set to middle somewhere, but I've searched every alignment and changed everything to "top", and still no changes...

 

Can anyone help with this frustrating issue? Thanks so much!

Posted

Thanks for giving it a shot... but that's not it either... I changed ALL of the "table_background" images to 1x1, and still have the alignment problem... sigh.

Posted

On the one that you say the discription that has dropped is just missing a discription title.

 

The page you say is correct has this discription

12-MONTH CALENDARS, 13 PAGES

 

The text for the discription is alined on both pages but one is missing the title.

 

 

Thanks for giving it a shot... but that's not it either... I changed ALL of the "table_background" images to 1x1, and still have the alignment problem... sigh.
Posted

Even if it has the title (see here and here), it's still not aligning at the top...

 

I frankly just don't get it... like I said, I used my Beyond Compare and matched the product_info.php pages, no extra tables or other data are in mine... and I'm thinking my shopping cart alignment is a "stump the panel" too...

 

Is it too early to start drinking?

Posted

Ok I see what the problem is! You have incorrectly closed your table see below in red and the the redo below

 

<td width="584" align="center" class="main"><p align="center" valign="top"></p>

 

<table border="0" cellspacing="0" cellpadding="2">

<tr>

<td class="main" colspan="2">Available Options:</td>

</tr>

</table>

<td width="6" align="right" class="main">

<hr align="left" width="2" size="50">

</td>

<td width="109" align="right" class="main"><table border="0" align="right">

 

<tr>

<td align="center"> Quantity:<input type="text" name="cart_quantity" value="1" size="6">

</td>

</tr>

<tr>

<td align="center"> <input type="hidden" name="products_id" value="107"><input type="image" src="includes/languages/english/images/buttons/button_in_cart.gif" border="0" alt="Add to Cart" title=" Add to Cart ">

</td>

</tr>

</table>

 

 

</tr>

</table>

<tr>

<td class="main">

<table border="0" cellspacing="0" cellpadding="2" valign="top" align="center">

 

<td align="center" valign="top" class="smallText">

<p align="center"><font size="4" face="Arial, Helvetica, sans-serif"><strong>CONTINUOUS

CARD SERVICES</strong></font></p>

<p align="center"><font face="Arial, Helvetica, sans-serif"><strong><font size="2">Tired

of remembering Aunt Bessie's birthday? Your parent's anniversary? How

about a client's birthday?</font></strong></font></p>

<p align="center"><font size="2" face="Arial, Helvetica, sans-serif"> Family

Memories and More will set up an annual contract, renewable every 12 months,

to automatically generate quality greetings for any holiday, reminders,

celebrations, and more. We will mail out your greetings seven days prior

to the event (unless you specify otherwise). Send your list of dates and

recipients, and forget about it for the whole year! </font><font size="2" face="Arial, Helvetica, sans-serif">Price

includes greeting and postage fees.</font> </p> </td>

 

</tr>

 

 

 

</table>

 

 

 

To this!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<TABLE>

<TBODY>

<TR>

<TD width="584" align="center" class="main">

<table border="0" cellspacing="0" cellpadding="2">

 

<tr>

<td class="main" colspan="2">Available Options:</td>

</tr>

 

</table>

</TD>

<TD width="6" align="right" class="main">

<hr align="left" width="2" size="50">

</TD>

<TD width="109" align="right" class="main">

<table border="0" align="right">

 

<tr>

<td align="center">Quantity:<input type="text" name="cart_quantity" value="1" size="6"></td>

</tr>

<tr>

<td align="center"><input type="hidden" name="products_id" value="107"><INPUT type="image" src="includes/languages/english/images/buttons/button_in_cart.gif" border="0" alt="Add to Cart" title=" Add to Cart "></td>

</tr>

 

</table>

</TD>

</TR>

<TR>

<td class="main">

<TABLE border="0" cellspacing="0" cellpadding="2" valign="top" align="center">

 

 

<TD align="center" valign="top" class="smallText">

<p align="center"><font size="4" face="Arial, Helvetica, sans-serif"><strong>CONTINUOUS

CARD SERVICES</strong></font></p>

<p align="center"><font face="Arial, Helvetica, sans-serif"><strong><font size="2">Tired

of remembering Aunt Bessie's birthday? Your parent's anniversary? How

about a client's birthday?</font></strong></font></p>

<p align="center"><font size="2" face="Arial, Helvetica, sans-serif">Family

Memories and More will set up an annual contract, renewable every 12 months,

to automatically generate quality greetings for any holiday, reminders,

celebrations, and more. We will mail out your greetings seven days prior

to the event (unless you specify otherwise). Send your list of dates and

recipients, and forget about it for the whole year! </font><font size="2" face="Arial, Helvetica, sans-serif">Price

includes greeting and postage fees.</font></p>

</TD>

</tr>

 

</TABLE>

 

 

 

Even if it has the title (see here and here), it's still not aligning at the top...

 

I frankly just don't get it... like I said, I used my Beyond Compare and matched the product_info.php pages, no extra tables or other data are in mine... and I'm thinking my shopping cart alignment is a "stump the panel" too...

 

Is it too early to start drinking?

Posted

If you are right, I swear you'll join two others with their names tattoo'ed on me... lol... I'll give that shot after dinner!

Posted

Nope. Changed teh code in product_info.php to this:

 

<td align="center"> <?php echo TEXT_ENTER_QUANTITY . ":" . tep_draw_input_field('cart_quantity', $pf->adjustQty(1), 'size="6"'); ?>

</td>

</tr>

<tr>

<td align="center"> <?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_image_submit('button_in_cart.gif', IMAGE_BUTTON_IN_CART); ?></td>

</tr>

 

</table>

</TD>

</TR>

<TR>

 

<td class="main">

<table border="0" cellspacing="0" cellpadding="2" valign="top" align="center">

 

<td align="center" valign="top" class="smallText">

<?php

}

?>

 

and got this:

alignmentissue2.jpg

Totally running off the screen...

Posted

Ok another go at this.

 

This code is from the Mini-Calendars ( alined to the top correctly)

 

<TABLE border="0" cellspacing="0" cellpadding="2" valign="top" align="center">

 

 

<TR>

<TD align="center" valign="top" class="smallText">

<table width="70%" border="0" align="center" cellpadding="3" cellspacing="2">

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

This bottom code is from the ones that do not aline to the top. There is a line in your code missing from the ones that have dropped down discriptions. The <TR>is missing along with the

<table width="70%" border="0" align="center" cellpadding="3" cellspacing="2"> this line

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<table border="0" cellspacing="0" cellpadding="2" valign="top" align="center">

 

<td align="center" valign="top" class="smallText">

<p align="center"><font size="4" face="Arial, Helvetica, sans-serif"><strong>CONTINUOUS

CARD SERVICES</strong></font></p>

<p align="center"><font face="Arial, Helvetica, sans-serif"><strong><font size="2">Tired

 

 

 

Try adding the missing code and see what happens

Posted

If all else fails; kinda tedious but , one at a time add a border attribute to each tr and td tags one at a time until you find the one that extends to the right above the right column. then place the correct closing tag. Could take a while but it works.

My Contributions

 

Stylesheet With Descriptions Glassy Grey Boxtops Our Products Meta Tags On The Fly

Password Protect Admin

"No matter where you go....There you are" - Buccaroo Bonsai

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...