Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Header Image


TarkaDahl

Recommended Posts

Posted

Hi all,

 

This is my first post as i have only just started useing oscommerce. so please bare with me as i try to explain.

 

i have changed the background of the header too be back.gif and the image that used to be oscommerce is now text.gif. i have also made the header slightly larger.

 

here is the code taken from /include/header.php

 

<body background="images/back.gif">

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

 <tr class="header">

   <td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'text.gif', 'osCommerce') . '</a>'; ?></td>


   <td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '</a>  <a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a>  <a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?>  </td>

 </tr>

</table>

 

 

 

But i want the image(that used to be oscommerce) to be further down, because it has too match a design that we already use.

 

i have done a dit of web programming and the way i would normally do it is

 

<img src="text.gif" alt="Absolutely positioned image." border="0" style="position: absolute; top: 55px; left: 20px" />

 

but i cant figure out a way of doing adapting the code.

 

the only other way i can think off is too create a big image for the header but i dont really want to do that.

 

I would be grateful of any help

 

Thanks

 

TarkaDahl (Kevin)

Posted

Create a new div class in stylesheet.css with the settings you want to apply and then call and close the new div class on the line the image is in within the header.

 

Vger

Posted
Create a new div class in stylesheet.css with the settings you want to apply and then call and close the new div class on the line the image is in within the header.

 

Vger

 

 

Thanks Vger for your reply,

i understand what you are saying. and i tryed to do it, but my knowledge of css is limited. i have searched the internet for info but i could not get it to work in this file all i get is a blank backgound and nothing else.

 

Could anyone please give me some advice or info to help me do this.

 

 

Thanks

 

TarkaDahl (Kevin)

Posted

insert at postion in header.php:

<div class="yrclassname"> image here </div>

 

add to stylesheet.css:

.yrclassname {position: absolute;  // or relative
   top: px;
   left: px;
}

 

 

hope that helps

dahui

Archived

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

×
×
  • Create New...