listened to everyones advice
#21
Posted 30 May 2012 - 06:44 PM
#22
Posted 30 May 2012 - 06:45 PM
<?php
/*
$Id$
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2010 osCommerce
Released under the GNU General Public License
*/
$oscTemplate->buildBlocks();
if (!$oscTemplate->hasBlocks('boxes_column_left')) {
$oscTemplate->setGridContentWidth($oscTemplate->getGridContentWidth() + $oscTemplate->getGridColumnWidth());
}
if (!$oscTemplate->hasBlocks('boxes_column_right')) {
$oscTemplate->setGridContentWidth($oscTemplate->getGridContentWidth() + $oscTemplate->getGridColumnWidth());
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
<?php include(DIR_WS_INCLUDES . 'easy_meta_tags.php'); ?>
<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>" />
<script type="text/javascript" src="ext/jquery/jquery-1.4.2.min.js"></script>
<link href="ext/jquery/jpecrga/jpecrga-default.css" rel="stylesheet" type="text/css" />
<script src="ext/jquery/jpecrga/jpecrga-3.0.0.js"></script>
<script type="text/javascript">
$(document).ready( function () {
$.ws.jpecrga({
gaKey: '<?php echo tep_output_string(MODULE_HEADER_TAGS_GOOGLE_ANALYTICS_ID); ?>',
geolocate: false
});
});
</script>
<!-- begin theme switcher -->
<?php
if( !defined( 'MODULE_THEMES_SWITCHER_STATUS' ) ) {
?>
<link rel="stylesheet" type="text/css" href="ext/jquery/ui/ui-darkness/jquery-ui-1.8.6.css"/>
<link rel="stylesheet" type="text/css" href="catalog/mystyle.css"/>
<script type="text/javascript" src="ext/jquery/ui/jquery-ui-1.8.6.min.js"></script>
<?php
}else{
$theme_name = MODULE_THEMES_SWITCHER_THEME;
$ui_version_js = MODULE_THEMES_SWITCHER_VERSION_JS;
$ui_version_css = MODULE_THEMES_SWITCHER_VERSION_CSS;
?>
<link rel="stylesheet" type="text/css" href="ext/jquery/ui/<?php echo $theme_name ; ?>/<?php echo $ui_version_css ; ?>" />
<script type="text/javascript" src="ext/jquery/ui/<?php echo $ui_version_js ; ?>"></script>
<?php
}
?>
<!-- end theme switcher -->
<?php
if (tep_not_null(JQUERY_DATEPICKER_I18N_CODE)) {
?>
<script type="text/javascript" src="ext/jquery/ui/i18n/jquery.ui.datepicker-<?php echo JQUERY_DATEPICKER_I18N_CODE; ?>.js"></script>
<script type="text/javascript">
$.datepicker.setDefaults($.datepicker.regional['<?php echo JQUERY_DATEPICKER_I18N_CODE; ?>']);
</script>
<?php
}
?>
<script type="text/javascript" src="ext/jquery/bxGallery/jquery.bxGallery.1.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="ext/jquery/fancybox/jquery.fancybox-1.3.4.css" />
<script type="text/javascript" src="ext/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="ext/960gs/<?php echo ((stripos(HTML_PARAMS, 'dir="rtl"') !== false) ? 'rtl_' : ''); ?>960_24_col.css" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<?php echo $oscTemplate->getBlocks('header_tags'); ?>
<link rel="stylesheet" type="text/css" href="ext/category_menu/category_menu.css" />
<script language="Javascript">
<!-- Hide from older browsers
if (document.images) {
//two example categories have been added below - tag your own onto the bottom for each category:
//Coffee category - begin
nav21 = new Image; nav21.src="images/navigation/nav21.png";
nav21_over = new Image; nav21_over.src="images/navigation/nav21_over.png";
nav21_30 = new Image; nav21_30.src="images/navigation/nav21_30.png";
nav21_30_over = new Image; nav21_30_over.src="images/navigation/nav21_30_over.png";
//add more categories here:
// ...
}
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src= eval(newImg + ".src")
}
}
//-->
</script>
</head>
<body>
<div id="bodyWrapper" class="container_<?php echo $oscTemplate->getGridContainerWidth(); ?>">
<?php require(DIR_WS_INCLUDES . 'header.php'); ?>
<div id="bodyContent" class="grid_<?php echo $oscTemplate->getGridContentWidth(); ?> <?php echo ($oscTemplate->hasBlocks('boxes_column_left') ? 'push_' . $oscTemplate->getGridColumnWidth() : ''); ?>">
I figured the template_bottom coding is not needed is it?
#23
Posted 30 May 2012 - 06:50 PM
#24 ONLINE
Posted 30 May 2012 - 07:01 PM
<script type="text/javascript">
$("#headerShortcuts").buttonset();
</script>
</div>
<div class="spotlightmenu">
<ul>
<li><a href="http://www.irhmedia.co.uk"><span>Home</span></a></li>
<li><a href="http://www.irhmedia.co.uk/products_new.php"><span>New Products</span></a></li>
<li><a href="http://www.irhmedia.co.uk/faq.php"><span>FAQ's</span></a></li>
<li><a href="http://www.irhmedia.co.uk/shipping.php"><span>Shipping</span></a></li>
<li><a href="http://www.irhmedia.co.uk/privacy.php"><span>Privacy</span></a></li>
<li><a href="http://www.irhmedia.co.uk/conditions.php"><span>Terms and Conditions</span></a></li>
<li><a href="http://www.irhmedia.co.uk/contact_us.php"><span>Contact Us</span></a></li>
<li><a href="http://www.irhmedia.co.uk/testimonials.php"><span>Testimonials</span></a></li>
<li><a href="http://www.irhmedia.co.uk/login.php"><span>Login/Register</span></a></li>
<li><a href="http://www.irhmedia.co.uk/gift_vouchers.php"><span>Gift Vouchers</span></a></li>
</ul>
</div>
<div class="grid_24 ui-widget infoBoxContainer">
<div class="ui-widget-header ui-corner-top ui-corner-bottom infoBoxHeading">
<?php echo ' ' . $breadcrumb->trail(' » '); ?></div>
</div>
the template top what is this?
<script language="Javascript">
<!-- Hide from older browsers
if (document.images) {
//two example categories have been added below - tag your own onto the bottom for each category:
//Coffee category - begin
nav21 = new Image; nav21.src="images/navigation/nav21.png";
nav21_over = new Image; nav21_over.src="images/navigation/nav21_over.png";
nav21_30 = new Image; nav21_30.src="images/navigation/nav21_30.png";
nav21_30_over = new Image; nav21_30_over.src="images/navigation/nav21_30_over.png";
//add more categories here:
// ...
}
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src= eval(newImg + ".src")
}
}
//-->
</script>
Edited by joli1811, 30 May 2012 - 07:03 PM.
#25
Posted 30 May 2012 - 07:03 PM
I am confused now what to do
#26 ONLINE
Posted 30 May 2012 - 07:15 PM
Give me a few hours to check just got a visitor (my mum) think it is just a question of cleaning up the old code in header and template top no big problem.
John
#27
Posted 30 May 2012 - 07:19 PM
I will still be around in a few hours prob be up till really late trying to fix it
#28
Posted 30 May 2012 - 08:08 PM
I think I have fixed it, can you check for me when you come back in all three browsers, chrome, firefox and ie
One thing I noticed in firefox is that the titles of the infoboxes are rounded where as it should be joined to the contents of the infobox if that makes sense so its rounded at the top and rounds off at the bottom, see chrome or ie to see how it should be
#29 ONLINE
Posted 30 May 2012 - 08:11 PM
#30
Posted 30 May 2012 - 08:13 PM
#32 ONLINE
Posted 30 May 2012 - 10:33 PM
Been searching for this leprechaun lady for a long time checked the end of the rainbow but she was not there so thought she might be hanging out here!
If I find her I will make sure she changes clothes before she meets my mum.
John
#33
Posted 30 May 2012 - 11:09 PM
Just from grabbing a quick view source on the index page I can see a couple things that might be contributing to differences in the browsers-
<div id="columnRight" class="grid_4">
<div id="boxes" class="ui-corner-top ui-corner-bottom">
<div class="grid_6 omega" class="ui-corner-top" class="ui-corner-bottom">
<div class="grid_1 alpha" class="ui-corner-top" class="ui-corner-bottom">
<div id="cart" class="ui-corner-top" class="ui-corner-bottom">
<img src="images/icons/whitebagtwo.png" alt="" width="32" height="32" /></div>
</div>
<div class="grid_5 omega" class="ui-corner-top" class="ui-corner-bottom">
<div id="items" class="ui-corner-top" class="ui-corner-bottom">
Items: 0</div>
<br />
<div id="total" class="ui-corner-top" class="ui-corner-bottom">
<p><b>Total: £0.00</b></p>
</div>
</div>
<div id="chat" class="ui-corner-top" class="ui-corner-bottom">
<!-- BEGIN Comm100 Live Chat Button Code --><link href="https://chatserver.comm100.com/css/comm100_livechatbutton.css" rel="stylesheet" type="text/css"/><a href="http://www.comm100.com/livechat" target="_blank" onclick="comm100_126147.openChatWindow(event,2588,-1);return false;"><img style="border:0px" id="comm100_ButtonImage" src="https://chatserver.comm100.com/BBS.aspx?siteId=126147&planId=2588&partnerId=-1"></img></a><script src="https://chatserver.comm100.com/js/LiveChat.js?siteId=126147&planId=2588&partnerId=-1" type="text/javascript"></script><div id="comm100_ChatButton"><div id="comm100_warp"><div id="comm100_dvhelp"><div id="comm100_track"><a href="http://www.comm100.com/livechat/" target="_blank"><b>Live Chat</b></a> by <a style="color:#009999;cursor:pointer;" onclick="javascript:document.getElementById('comm100_dvbox').style.display='';">Comm100</a></div></div><div id="comm100_dvbox" class="comm100_dvbox_css" style="display:none;" onmouseover="this.style.display=''" onmouseout="this.style.display='none'"><div class="comm100_dvcontent_css"><p class="comm100_ptitle_css"><b><a href="http://www.comm100.com/" target="_blank" class="comm100_atitle_css" >Comm100</a> Products:</b></p><ul class="comm100_ulbox_css"><li style="display:none;" class="comm100_onelinone"> </li><li><a href="http://www.comm100.com/livesupport/" target="_blank">Live Support</a> Software</li><li><a href="http://www.comm100.com/livechat/iphoneclient.aspx" target="_blank">iPhone Chat</a></li><li><a href="http://www.comm100.com/emailmarketing/" target="_blank">Email Marketing Software</a></li><li><a href="http://www.comm100.com/helpdesk/" target="_blank">Help Desk</a> Software</li><li><a href="http://www.comm100.com/emailmarketing/emailmarketingtips.aspx" target="_blank">Email Marketing Tips</a></li><li><a href="http://www.comm100.com/ticket/" target="_blank">Support Ticket</a> Software</li></ul></div></div></div></div><!-- End Comm100 Live Chat Button Code -->
</div>
<br />
</div>
See how you have class="yourclass" class="yourotherclass" in the same element? If you want to apply two classes to the same element you simply do class="class1 class2". See how it's just a space between the class names?
Further down at the footer-
<div class="grid_24 footer">
<p align="center">Copyright © 2012 <a href="http://irhmedia.co.uk/index.php?osCsid=2cd23fbhahsud0c7a63s2s05a5">Irh Media - Our Expanding Online Website</a><br />Powered by <a href="http://www.oscommerce.com" target="_blank">osCommerce</a><br><b>VAT Number - 120 1872 55</b></p>
</div>
<div class="grid_24">
<div class="grid_24">
</div>
<br />
</div> <!-- bodyWrapper //-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19643731-4']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
<div class="grid_24">
I'm not sure what all the grid_24 divs are for but for sure you need to lose the one coming after the ending </html> tag. Those things could be contributing to the layout issues. Hope that helps... Running your site through the w3c validator can help find errors as well.
Matt
osCommerce Professional Services Page || Profile || osCommerce Addons || Google is your best resource for searching on the forums!
#34
Posted 31 May 2012 - 08:57 AM
Thank you pointing out the classes, I have changed them all now except the last one regarding the <div class="grid_24">
I could not find it, I looked in the footer.php, template_bottom.php and could not see it in there
#35 ONLINE
Posted 31 May 2012 - 02:46 PM
Quote
Help Vampire- A spotters Guide
Chris
Edited by DunWeb, 31 May 2012 - 02:47 PM.










