Adding images to the bottom of infobox

[Guest]

I've been trying for two days now to added an image to the bottom of my info boxes so I can have rounded corners. I have two classes since my left-side boxes are green and my right-side boxes are red. Let's focus on just the green class.

 

Here's my boxes.php code:

class infoBoxGreenBottom extends tableBox {
   function infoBoxGreen($contents) {
     $info_box_contents = array();
     $info_box_contents[] = array('text' => $this->infoBoxContents($contents));
     $this->table_cellpadding = '0';
     $this->table_parameters = 'class="infoBoxGreenBottom"';
     $this->tableBox($info_box_contents, true);
   }

   function infoBoxContents($contents) {
     $this->table_cellpadding = '4';
     $this->table_parameters = 'class="infoBoxContentsGreenBottom"';
     $info_box_contents = array();
     $info_box_contents[] = array(array('text' => tep_draw_separator('pixel_trans.gif', '100%', '1')));
     for ($i=0, $n=sizeof($contents); $i<$n; $i++) {
       $info_box_contents[] = array(array('align' => (isset($contents[$i]['align']) ? $contents[$i]['align'] : ''),
                                          'form' => (isset($contents[$i]['form']) ? $contents[$i]['form'] : ''),
                                          'params' => 'class="boxText"',
                                          'text' => (isset($contents[$i]['text']) ? $contents[$i]['text'] : '')));
     }
 
   return $this->tableBox($info_box_contents);
   }
}

 

The code from my search.php file (just using this one as an example):

<?php
 $info_box_contents = array();
 $info_box_contents[] = array('text' => BOX_HEADING_SEARCH);

 new infoBoxHeadingSearch($info_box_contents);

 $info_box_contents = array();
 $info_box_contents[] = array('form' => tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get'),
                              'align' => 'center',
                              'text' => tep_draw_input_field('keywords', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH-30) . 'px"') . ' ' . tep_hide_session_id() . tep_image_submit('search_button.gif', BOX_HEADING_SEARCH) . '<br>' . BOX_SEARCH_TEXT . '<br><a href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '"><b>' . BOX_SEARCH_ADVANCED_SEARCH . '</b></a>');
	 
                
 new infoBoxGreen($info_box_contents);
 new infoBoxGreenBottom($info_box_contents2);
 
?>

 

Finally the stylesheet:

.infoBoxContentsGreenBottom {
background-image:url('images/greenbox_bottom.gif');
font-family: Arial, sans-serif;
font-size: 11px;
width: 150px;

}

.infoBoxGreenBottom {
 background: #FFFFFF;
 background-image: url('images/greenbox_bottom.gif');
 background-repeat: no-repeat;
 width: 150px;
 height: 3px;
}

 

Can someone with a fresh pair of eyes look this over and tell me why my image is displaying like this:

 

Thank you!

Lisa

[Guest]

Please don't double post.

 

For reference, the other thread is http://www.oscommerce.com/forums/index.php?showtopic=124394&hl=

 

-jared

[Guest]

Jared-

 

I've already been through the ringer with Steve and believe me - IT WAS NOT DONE INTENTIONALLY. I kept losing internet connection and thought the first post didn't go thru - hence the second post.

 

Lisa

 

Please don't double post.

 

For reference, the other thread is http://www.oscommerce.com/forums/index.php?showtopic=124394&hl=

 

-jared

<{POST_SNAPBACK}>