How Can I put image in header

[Guest]

Hi Everyone

I woulsd like to add an image alongside (to the right off) my logo in the header. Visit My Website.

Please could anyone help with the coding and the positioning.

Here is my includes/header.php script

 

<?php

 

/*

 

$Id: header.php 1739 2007-12-20 00:52:16Z hpdl $

 

 

 

osCommerce, Open Source E-Commerce Solutions

 

http://www.oscommerce.com

 

 

 

Copyright © 2003 osCommerce

 

 

 

Released under the GNU General Public License

 

*/

 

 

 

// check if the 'install' directory exists, and warn of its existence

 

if (WARN_INSTALL_EXISTENCE == 'true') {

 

if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {

 

$messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');

 

}

 

}

 

 

 

// check if the configure.php file is writeable

 

if (WARN_CONFIG_WRITEABLE == 'true') {

 

if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {

 

$messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');

 

}

 

}

 

 

 

// check if the session folder is writeable

 

if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {

 

if (STORE_SESSIONS == '') {

 

if (!is_dir(tep_session_save_path())) {

 

$messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');

 

} elseif (!is_writeable(tep_session_save_path())) {

 

$messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');

 

}

 

}

 

}

 

 

 

// check session.auto_start is disabled

 

if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {

 

if (ini_get('session.auto_start') == '1') {

 

$messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');

 

}

 

}

 

 

 

if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {

 

if (!is_dir(DIR_FS_DOWNLOAD)) {

 

$messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');

 

}

 

}

 

 

 

if ($messageStack->size('header') > 0) {

 

echo $messageStack->output('header');

 

}

 

?>

 

<div class="fixcenter">

 

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

 

<tr class="headerNavigation">

 

<td class="headerNavigation">  <?php echo $breadcrumb->trail(' » '); ?></td>

 

<td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a>  |  <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a>

      </td>

 

</tr>

 

 

 

<td valign="middle" align=left><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'Upperdeck-4.jpg', 'Upper Deck') . '</a>'; ?>

</td></tr>

 

<tr class="header">

 

<td align="right" valign="bottomr"><?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>

 

 

</table>

 

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

 

</table>

 

<?php

 

if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {

 

?>

 

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

 

<tr class="headerError">

 

<td class="headerError"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['error_message']))); ?></td>

 

</tr>

 

</table>

 

<?php

 

}

 

 

 

 

if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {

 

?>

 

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

 

<tr class="headerInfo">

 

<td class="headerInfo"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['info_message']))); ?></td>

 

</tr>

 

</table>

 

<?php

 

}

 

?>

</table>

Many thanks

[keithwilliams]

Hi Everyone

I woulsd like to add an image alongside (to the right off) my logo in the header. Visit My Website.

Please could anyone help with the coding and the positioning.

Here is my includes/header.php script

 

 

Many thanks

 

Hiya,

Have another look at your header.php code... the line:

 

<td valign="middle" align=left><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'Upperdeck-4.jpg', 'Upper Deck') . '</a>'; ?>

</td>

 

... is what places your 'upperdeck' logo. So you can simply modify that line and wrap it in another table cell (<td>........</td>), before the ?>

 

ALWAYS BACKUP BEFORE YOU MAKE ANY CHANGES!!!

 

Hope this helps!

[Guest]

Keith

Thanks for your reply.

I am not too sure I understand where the <td> and </td> links are supposed to go. .

If, for example I wanted to add this image file

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

Please could you illustrate how it would be coded to be alongside the upperdeck logo.

Thanks for assistance.

[keithwilliams]

Keith

Thanks for your reply.

I am not too sure I understand where the <td> and </td> links are supposed to go. .

If, for example I wanted to add this image file

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

Please could you illustrate how it would be coded to be alongside the upperdeck logo.

Thanks for assistance.

 

Make sure you backup BEFORE making any changes!

 

Something like this...

 

// existing header image

<td valign="middle" align=left><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'Upperdeck-4.jpg', 'Upper Deck') . '</a>'; ?></td>

// new image to right of existing image add the following on a new line

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

 

See how the existing 'upperdeck' image code starts with <td.....> and is ended with </td> so you add another table cell, next to the existing one with the 'td' tags. (td = table data, tr=table row). You can change the 'align=right' to place the new image more where you want it. Experiment with 'align=left' or right or center to get what you want. (note the spelling - 'center' NOT 'centre')

 

Also, if you only want to add an image, without the hyperlink, the new line of code to add would be something like...

 

<td valign="middle" align="center"><?php echo tep_image(DIR_WS_IMAGES . 'newimage.jpg', 'Alt text for new image here'); ?></td>

 

Do a google search for html tags which will tell you more about using tables (osc is built on tables!) and you'll understand more on how to place items/images where you want them.

 

I've added the bold type for illustration only.

 

Hope this helps - Enjoy!

[burt]

Easy way - with no code changes ;)

 

Get your existing image in your favourite graphics program, make it's canvas bigger. Add the new image onto it. Save as the same name. Upload it to overwrite the old one.

[keithwilliams]

Easy way - with no code changes ;)

 

Get your existing image in your favourite graphics program, make it's canvas bigger. Add the new image onto it. Save as the same name. Upload it to overwrite the old one.

 

Sweet but.....

 

Now I understand a bit of php/html, I love playing with it and also I learn heaps more (usually when I break it!)

[Guest]

Keith

Many thanks indeed for your well written (easy for a novice) explanation of how the tables work.

For the record I have now got what I wanted.

Also thanks to Burt for his suggestion also...I will give it a try.

Like you, whilst this is for me a steep learning curve, it is very enjoyable.

Thanks again for your time and trouble.