TarkaDahl Posted September 12, 2005 Share Posted September 12, 2005 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) Link to comment Share on other sites More sharing options...
♥Vger Posted September 12, 2005 Share Posted September 12, 2005 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 Link to comment Share on other sites More sharing options...
TarkaDahl Posted September 13, 2005 Author Share Posted September 13, 2005 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 <{POST_SNAPBACK}> 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) Link to comment Share on other sites More sharing options...
dahui Posted September 13, 2005 Share Posted September 13, 2005 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 Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.