Basic problem with the alignment of my text.

[Subcitizen]

Thanks for looking at my post!  I'm hoping some generous soul will help me out with this one. I'm currently modifying my website using a contribution from the oscommerce site.  When I get to a particular instruction the alignment of my type goes funny.

 

Here, check it out:

 

 

This is where, in the code, I believe the problem is occurring:

 

 

?>

      <tr>

        <td><table border="0" width="100%" cellspacing="0" cellpadding="0">

          <tr>

            <td valign="top"><h1><?php echo $products_name; ?></h1></td>

          <td align="right" valign="top"><h1><?php echo $products_price; ?></h1></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>

      </tr>

      <tr>

        <td class="main">

<?php

    // BOF: More Pics 6    ADDED to if statement:  && MOPICS_GROUP_WITH_PARENT == 'false'

    if (tep_not_null($product_info['products_image']) && MOPICS_GROUP_WITH_PARENT == 'false') {

?>

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

            <tr>

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

<script language="javascript"><!--

document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), (MOPICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_WIDTH), (MOPICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_HEIGHT), 'hspace="5" vspace="5"') . '<br><img border=0 src=images/zoom.gif></a>'; ?>');

//--></script>

<noscript>

<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], (MOPICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_WIDTH), (MOPICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_HEIGHT), 'hspace="5" vspace="5"') . '<br><img border=0 src=images/zoom.gif></a>'; ?>

<?php // EOF: More Pics 6 ?>

 

              </td>

            </tr>

          </table>

<?php

 

Can anyone tell what the problem is?  I really appreciate any and all help on this!

 

Thanks Everyone!

 

Peace,

Jason

 

 

[MasterACE14]

make sure you use code tags when posting . Much easier to read...

?>
      <tr>
        <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><h1><?php echo $products_name; ?></h1></td>
           <td align="right" valign="top"><h1><?php echo $products_price; ?></h1></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
      </tr>
      <tr>
        <td class="main">
<?php
    // BOF: More Pics 6    ADDED to if statement:  && MOPICS_GROUP_WITH_PARENT == 'false'
    if (tep_not_null($product_info['products_image']) && MOPICS_GROUP_WITH_PARENT == 'false') {
?>
          <table border="0" cellspacing="0" cellpadding="2" align="right">
            <tr>
              <td align="center" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), (MOPICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_WIDTH), (MOPICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_HEIGHT), 'hspace="5" vspace="5"') . '<br><img border=0 src=images/zoom.gif></a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], (MOPICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_WIDTH), (MOPICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_HEIGHT), 'hspace="5" vspace="5"') . '<br><img border=0 src=images/zoom.gif></a>'; ?>
<?php // EOF: More Pics 6 ?>

              </td>
            </tr>
          </table>
<?php

[eMonk]

try using align="left" in the tables like...

 

change

 

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

 

to

 

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

[eMonk]

btw, you should probably post this in the HTML section 

[Subcitizen]

Thanks MasterACE14 and emonk.

 

I changed the alignment to left like you said, emonk.  But, it didn't work.

 

I'll try to move this post to the HTML section.

 

Thanks Again,

Jason

[Subcitizen]

Does anyone know how to move a post to a new section?

 

Thanks,

Jason

[BoltZ]

That is beyond your help. A Moderator or an Admin has to move it. Try a couple of these, im just throwing out some suggestions

 

margin-left:0px;

float:left;

 

check to see if another div does not overlap it. try putting borders on most of the divs around that spot and see if any overlap

[haku]

I'm not too clear on what exactly you are trying to go for, but if your goal is to have your text align to the right border, then I can guarantee that align left isn't going to do that for you.

[BoltZ]

Try my suggestions and tell me what works