configuration for google chrome and IE

bksbeat · November 4, 2012

Website www.nontando.com

I am not sure how this happened as I am pretty certain it was not there before but

my website is displayed perfectly for Google Chrome. However for IE by top and right menus displaying my categories are not aligned the same as Chrome causing overlap of text. Also for some reason, my sub categories (eg. for wire products) which are displayed perfectly for chrome are not displayed at all for IE.

Anyway have any idea that would be much appreciated as this is very weird to me.

November 4, 2012

@@bksbeat

I just checked your site with FF 16.02, IE 9 and Avante and it displayed correctly for me. I don't use chrome so I couldn't test that.

Chris

bksbeat · November 4, 2012

Chris, That is weird. I am using IE8 and it is not appearing correct at all and the sub categories are not been displayed?

bksbeat · November 4, 2012

Chris, I just open my website on 3 different machines (2 laptops and desktops) and all appeared wrong for IE and correct for the other browsers so I am totally confused how it can be appearing correct on yours?

I have made some code changes to with htaccess and a few other things so I not sure if that screwed it up....I doubt that it would be because of IE 9 VS IE 8

♥joli1811 · November 4, 2012

Hi,

Does not display correctly in IE 8 is not centered it is aligned left I see you have a center shop in the stylesheets as far as I remember you need text-align:center; in the stylesheet for internet explorer you have text align left??

Check the old threads for center shop a lot written there.

The top and right nav bars for subcategories do not work in IE (did they ever?) something probably simple in stylesheets that IE does not understand

bksbeat · November 4, 2012

Yes, it was working perfectly on IE until today. Here is the stylesheet code. If someone can figure out that would be great.

Just to confirm...it does go in the root directory?

/*
 $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com  Copyright (c) 2003 osCommerce
 Released under the GNU General Public License
*/.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ff0000; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/* BODY {
 background: #d71c00;
 color: #000000;
 margin: 0px;
 padding:0px;
 text-align: center;
}
*/#centrepage{
width: 1010px;
background: #1C1C10;
margin: 20px auto 0px auto;
text-align: left;
}

/*
A {
 color: #000066;
 text-decoration: none;
}A:hover {
 color: #CC3300;
 text-decoration: underline;
}
*/
hr.{color: #00A5EA;}
FORM {
display: inline;
}TR.header {
 background: #FFFFFF;
}
TR.headerNavigation {
 background: #FFFFFF;
}TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 padding-top: 10px;
 padding-bottom: 10px;
 background: #d71c00;
 background-image: url('');
 color: #ffffff;
 font-weight : bold;
}
A.headerNavigation {
 color: #FFFFFF;
}A.headerNavigation:hover {
 color: #0a011d;
}
TR.headerError {
 background: #ff0000;
}TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}
TR.headerInfo {
 background: #00ff00;
}TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}
TR.footer {
 background: #d71c00;
}TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 padding-top: 10px;
 padding-bottom: 5px;
 background: #d71c00;
 background-image: url('');
 color: #ffffff;
 font-weight: bold;
}
.infoBox {
 background: #d71c00;
 background-image: url('');

}.infoBoxContents {
 background: #1C1C10;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;

}
.infoBoxNotice {
 background: #00A5EA;
}.infoBoxNoticeContents {
 background: #d71c00;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
.ImageBorder
{
   border-width: 1px;
   border-color: Black;
}
TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #d71c00;
 background-image: url('');
 color: #ffffff;
}
TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #1C1C10;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #1C1C10;
}TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #b6b7cb;
 border-spacing: 1px;
}
.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #cf0021;
 color: #FFFFFF;
 font-weight: bold;
}TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}
A.pageResults {
 color: #F87700;
}A.pageResults:hover {
 color: #F87700;
 background: #1C1C10;
}
TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #F77601;
}TR.subBar {
 background: #f4f7fd;
}
TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}TD.main, P.main {
 width: 800px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #fff;
}
TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}
TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}
TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}
/* CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}
*/
SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #f0a480;
 font-weight: bold;
}
TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}TD.formAreaTitle {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}
SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}
SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ff0000; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }#breadcrumb {padding: 0;  margin: 0; }
#breadcrumb li {   display:inline; }
body{ width:100%; font-family:Arial, Helvetica, sans-serif; color:#fff; margin:0px; padding:0px; font-size:12px; background-color:#1c1c10;}
.main{ width:990px;background-color:#1c1c10; padding:20px 10px 10px 10px; margin:0px;}
.topa {font-size:12px;color:#FF0000}
/*defaults*/
h1{font-size:20px; color:#c7031a; text-decoration:none; }
h2{ font-size:16px; color:#fefdfd; text-transform:uppercase;  padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif;}
h3{ font-size:18px; color: #990000;  padding:0px; margin:0px; font-family: "Times New Roman", Times, serif; background-color:#F7CF32; height:25px; text-align:center;}
h4{ font-size:15px; color: #990000;  padding:0px; margin:0px; font-family: "Times New Roman", Times, serif;}
img{ border:none;}
p{font-size:12px;text-align:justify;line-height:22px;}
.clear{clear:both;}
input.chk{border:none;}
input[type="text"]{border:solid 1px #646464;}
a{color:#fff;text-decoration:none;}
a:hover{ color:#fff;text-decoration:none;}/*header*/
/* .nav{height:53px; background:url(images/nav-gradient.jpg) repeat-x;  text-align:center;}
.nav ul{list-style:none; padding-top:17px; padding-left:10px; margin:0px;}
.nav li {float:left;}
.nav ul a {background:url(images/main-nav-divider.jpg)no-repeat; padding-left:12px; padding-right:12px; text-decoration:none; display:block; line-height:15px;font-size:13px; font-weight:bold;}
.nav ul a:hover{ color:#000000;}
.nav ul a.selected { color:#000000;}
*/
.navdiv{height:53px; background:url(images/nav-gradient.jpg) repeat-x;  text-align:center;}
#nav{
padding-top:17px;  padding-left:10px;  margin:0px; list-style:none;
/* Clear floats */
width:100%;
/* Bring the nav above everything else--uncomment if needed.
position:relative;
z-index:5;
*/
}
#nav li{
float:left; position:relative;
}
#nav a{
background:url(images/main-nav-divider.jpg) no-repeat;
padding-left:12px;  padding-right:12px; line-height:15px; font-size:13px; font-weight:bold;

display:block; color:#fff; text-decoration:none;
}
#nav a:hover{
color:#000000; text-decoration:underline;
}/*--- DROPDOWN ---*/
#nav ul{
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
list-style:none;position:absolute;left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
float:none;
}
#nav ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
left:-30; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
background:url(images/nav-gradient.jpg) repeat-x;
color:#fff;text-decoration:none;text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;line-height:30px;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
background:#333;}
.nav2{ width:180px; height:auto; margin-top:10px; font-size:11px;height:750px;}
.nav2 ul { list-style:none; margin:0px; padding:0px; position:absolute;
 /* Hide off-screen when not needed (this is more accessible than display:none;) */}
.nav2 ul li { text-decoration:none;position:relative; }
.nav2 ul li ul {list-style:none;position:absolute;left:-9999px; }
.nav2 li:hover ul{ /* Display the dropdown on hover */
left:-120; /* Bring back on-screen when needed */
top:-10;width:120px;
}
.nav2 li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
line-height:30px;background:url(images/nav-gradient.jpg) repeat-x;
}
.nav2 li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
background:url(images/nav-gradient.jpg) repeat-x;color:#000;
}
.nav2 ul a {white-space:nowrap;display:block;background:url(images/nav-divider.jpg) no-repeat; padding-bottom:6px;  padding-left:8px; padding-top:5px; font-family:Arial, Verdana, sans-serif;}
.nav2 ul a:hover{color:#fe5e02;}
.nav2 ul a.selected{color:#fe5e02;}#nav li, .nav2 ul li{z-index:100}
/*middle*/
.left-review-div
{ width:186px; height:31px; border: 1px  #CCCCCC solid; background:url(images/review-gradient.jpg) repeat-x; text-align:center;  font-size:15px; font-weight:bold; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
.review-image
{ width:186px;  border: 1px #fcfbfb solid; margin-top:5px;}
.border
{ border: solid 1px #cccaca; margin-top:10px;}
.input-text
{ width:140px; height:25px; color:#232323; font-family:Verdana; font-size:11px; background:url(images/search-gradient.jpg) repeat-x; text-align:left; padding-left:5px;}
.banner-div
{ width:193px; height:189px; margin-top:15px; border: solid 1px #cccaca;}.feartured-text
{margin-top:3px; text-align:center;}
.feartured-text a{text-decoration:none;}
.feartured-text a:hover{text-decoration:underline;}
.nontando-text-div
{ width:480px; padding-left:35px; padding-top:15px;}
.hr{margin-left:12px; width:542px; border-bottom:2px dotted #999999; margin-top:20px;}
.product-div
{width:160px; height:142px; border:1px solid #fff; }
.pice-div{width:153px; height:23px; background:#000000; text-align:center; font-weight:bold;   padding-top:6px; margin-top:4px;}
.pice-div a {text-decoration:none;}
.pice-div a:hover {text-decoration:underline;}
.detail-outer-div
{width:153px; height:27px;  margin-top:5px;}
.detail-div
{ width:52px; height:27px; text-align:center; padding-top:6px; background: url(images/detail-box-gradient.jpg) repeat-x; float:left;}
.detail-div a {text-decoration:none;font-size:12px}
.detail-div a:hover {text-decoration:underline;}
.add-to-cart-div
{ width:88px; height:27px; text-align:center; padding-top:6px; background:  url(images/add-to-cart-gradient.jpg)repeat-x; float:right;}
.add-to-cart-div a {text-decoration:none;;font-size:12px}
.add-to-cart-div a:hover {text-decoration:underline;}
.cart-div
{ width:88px; height:27px; text-align:center; padding-top:6px; background:  url(images/add-to-cart-gradient.jpg)repeat-x; margin-left:35px; margin-top:6px;}
.div a {text-decoration:none;}
.cart-div a:hover {text-decoration:underline; color:#FFCC00;}
.heading-div
{margin-top:10px; margin-left:25px;background:#FF0000; width:520px; height:30px; padding-top:8px; "  align="center}
.click
{text-align:center; margin-top:5px;}
.click a{color:#FFf; text-decoration:none;}
.click a:hover{color:#FF0000; text-decoration:underline;}
.price-text
{text-align:center; margin-top:7px; font-size:16px; font-weight:bold; color:#FF3300;}
/*footer*/
.nav-bottom
{height:53px; background:url(images/nav-gradient.jpg) repeat-x;  text-align:center;}
.nav-bottom ul{list-style:none; padding-top:17px; padding-left:10px; margin:0px;}
.nav-bottom li {float:left;}
.nav-bottom ul a {background:url(images/main-nav-divider.jpg)no-repeat; padding-left:10px; padding-right:10px; text-decoration:none; display:block; line-height:15px;font-size:13px; font-weight:bold;}
.nav-bottom ul a:hover{ color:#000000;}

♥joli1811 · November 4, 2012

*/#centrepage{

width: 1010px;

background: #1C1C10;

margin: 20px auto 0px auto;

text-align: center;

}

Lets see if it will first line up in IE

bksbeat · November 4, 2012

did that - made no difference unfortunately.

♥joli1811 · November 4, 2012

BODY {

text-align:center;

}

try adding above where it is commented out

bksbeat · November 4, 2012

it did center he page - thanks

but did not resolve the other problem where none of the sub categories are appearing in IE as well as right column menu is double spaced for IE?

♥joli1811 · November 4, 2012

yeah see did the dropdown/fly out work before in internet explorer before you added the z-index??

bksbeat · November 4, 2012

yes - i did take it out of the code now to test and made no diff. will try it again

Nope - I just tested it again.

I did have someone redesign my website a few weeks ago - Hence you see all the commented out code from stylesheet. The homa page was changed alot. But it was working fine in IE afterwards. I perhaps did something to stylesheet today

but I cannot understand it is only happening with IE - Chrome and Forefox work 100%

Any idea what this is??

/*--- DROPDOWN ---*/

#nav ul{

background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */

♥joli1811 · November 5, 2012

Yeah read that to IE has always been funnnnnny bit of a nightmare sometimes

have you got this hardcoded in header

<li>

<a href="http://www.nontando.com/index.php/ceramics-c-67" title="African Ceramics">Ceramics</a>

</li>

A bit missing the editor here is eating the code.

bksbeat · November 5, 2012

that is exacty what I was checking. here is my header. php - I will check your comments

<script type="text/javascript">
window.google_analytics_uacct = "UA-23517827-3";
</script>

<?php
/*
$Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl
Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 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 id= "centrepage" >
<? /*
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="header">




 <td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_HOME) . '">' .'</a>'; ?></td>


<meta name="keywords" content="African Art,African Masks, African Crafts, African Artifacts, African Decor, African Artifacts, African Gifts, African home decor, African animals, African apparel, African jewelry, African wall art, African kitchenware, African baskets, African carvings, African textiles, African ceramics">
<meta name="description" content="Nontando is a company located in Sarasota, Florida. We specialize in African Art, African Masks, African Home Decor, African Artifacts, African Crafts and African Gifts. We have been operating since 2003 and travel annually to Africa on our buying trips. Our products are sourced directly from the artists from many African countries including South Africa, Zimbabwe, Kenya, Malawi, Cameroon, Ivory Coast, Congo, Swaziland, Ethiopia and Namibia. All our items are 100% authentic, unique and handmade">


<img src="/images/nontandohead.jpg" width="253" height="125" />
<img src="/images/nontando_header3.jpg" width="273" height="125" />
<img src="/images/nontando4.jpg" width="253" height="125" />
<img src="/images/decor.jpg" width="165" height="125" />
<bold><center><font size=+1><p style="background-color:#FFD700;"> SINCE 2003, YOUR SOURCE FOR THE BEST OF AFRICAN ART, GIFTS AND HOME DECOR!</p>
<TITLE>African Art | African Decor | African Gifts | African Masks |African Artifacts | African Crafts - Nontando.com </TITLE>.

<td align="left">


<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>	
<div class="fb-like" data-href="<div class="fb-send" data-hrefhttp://www.facebook.com/pages/Nontando/145210825806" data-send="true" data-width="150" data-show-faces="false"></div>

<td align="center">

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fa5ef9e2c692be2"></script>
<!-- AddThis Button END -->

<td align="right">
 <?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>
<table border="0" width="100%" cellspacing="0"
cellpadding="1">
<tr class="headerNavigation">
<tr class="headerNavigation">
 <td class="headerNavigation"><ul id="breadcrumb"><?php echo $breadcrumb->trail(' » '); ?></ul></td>
 <td align="right"
class="headerNavigation">  
 <?php if
((tep_session_is_registered('customer_id')) &&
(!tep_session_is_registered('noaccount')))
// DDB - PWA - 040622 - no display of logoff for PWAcustomers
{ ?>
 <a href="<?php echo
tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"
class="headerNavigation"><?php echo
HEADER_TITLE_LOGOFF; ?>
 </a>  | 
 <?php } ?>
 <?php if
(!tep_session_is_registered('noaccount'))
// DDB - PWA - 040622 - no display of account for PWA customers
{ ?>
 <a href="<?php echo
tep_href_link(FILENAME_ACCOUNT, 'my_account_f=1',
'SSL'); ?>" class="headerNavigation"><?php echo
HEADER_TITLE_MY_ACCOUNT; ?>	 </a>  | 
<?php } ?>
<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>
</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(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($HTTP_GET_VARS['info_message']);



?></td>
</tr>
</table>
<?php
}
?>
*/ ?>
<div style="float:left;border:solid 0px #fff;"><a href="<?=tep_href_link(FILENAME_DEFAULT)?>"><img alt="nontando gifts and home decor from africa" src="images/logo.png" alt="Logo" /></a></div>
<div style=" height:110px;">
 <div style="float:right;">

 <table border="0" width="33%" cellpadding="0" cellspacing="0" align="right">
	 <tr>
	 <td width="65"><a href="<?=tep_href_link(FILENAME_ABOUT_US)?>" class="topa">About Us</a> </td>
	 <td width="17">|</td>
	 <td width="66"><a href="<?=tep_href_link(FILENAME_CONTACT_US)?>" class="topa">Contact Us</a></td>
	 </tr>
 </table>	
<br/>
	 <div style="width:368px; height:30px; float:right; margin-top:15px; text-align:right;">
	 Languages:
	 <select name="language" onchange="location.href=this.value">
	 <option value="#">Select</option>
	 <option value="<?=tep_href_link(FILENAME_DEFAULT)?>?language=en">English</option>
	 <option value="<?=tep_href_link(FILENAME_DEFAULT)?>?language=de">Deutsch</option>
	 <option value="<?=tep_href_link(FILENAME_DEFAULT)?>?language=es">Espanol</option>
	 </select>
	    Currency:
	 <form name="currencies" action="<?=tep_href_link(basename($PHP_SELF), '', $request_type, false)?>" method="get">
<?
 reset($currencies->currencies);
$currencies_array = array();
while (list($key, $value) = each($currencies->currencies)) {
$currencies_array[] = array('id' => $key, 'text' => $value['title']);
}

$hidden_get_variables = '';
reset($HTTP_GET_VARS);
while (list($key, $value) = each($HTTP_GET_VARS)) {
if ( ($key != 'currency') && ($key != tep_session_name()) && ($key != 'x') && ($key != 'y') ) {
$hidden_get_variables .= tep_draw_hidden_field($key, $value);
}
}
echo tep_draw_pull_down_menu('currency', $currencies_array, $currency, 'onchange="this.form.submit();" style="width:100px"') . $hidden_get_variables . tep_hide_session_id();?>
	 </form>
	 </div>
	 <div class="clear"></div>
	 <div style="width:510px; height:30px; float:right; text-align:right;">
		 <table border="0" width="100%" cellpadding="0" cellspacing="6" align="right" style="font-size:14px;">
			 <tr>
			 <td><img src="images/shopping-cart.jpg" alt="Shopping Cart" /></td>
			 <td><a href="<?=tep_href_link(FILENAME_SHOPPING_CART)?>">Shopping Cart showing your <font color="#FF0000"><?=$cart->count_contents();?> items</font></a></td>
			 <td><img src="images/top-divider.jpg" alt="divider" /></td>
			 <td><a href="<?=tep_href_link(FILENAME_ACCOUNT)?>">My Account</a></td>
			 <td><img src="images/top-divider.jpg" alt="divider" /></td>
			 <td><a href="<?=tep_href_link(FILENAME_LOGIN)?>">Login</a></td>
			 <td><img src="images/top-divider.jpg" alt="divider" /></td>
			 <td><a href="<?=tep_href_link(FILENAME_CHECKOUT_CONFIRMATION)?>">Checkout</a></td>
			 </tr>
		 </table>
 </div>
 </div>
</div>
<div class="navdiv">

<ul id="nav">
<li><a href="<?=tep_href_link(FILENAME_DEFAULT)?>" style="background:url();" <?=($_SERVER['QUERY_STRING']=='' and (basename($_SERVER['PHP_SELF'])=='index.php'))?" class='selected'":""?>>Home</a></li>
<?php
$categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '0' and c.categories_id = cd.categories_id and cd.language_id='" . (int)$languages_id ."' order by sort_order limit 0,10");
while ($categories = tep_db_fetch_array($categories_query))
{?><li>
<a href="<?PHP echo tep_href_link(FILENAME_DEFAULT,"cPath=".$categories['categories_id']);?>" <?=(isset($cPath) and $cPath==$categories['categories_id'])?" class='selected'":""?> title="African <?php echo stripslashes($categories['categories_name']); ?>"><?php echo stripslashes($categories['categories_name']); ?></a>
<?
$categories_query2 = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '".$categories['categories_id']."' and c.categories_id = cd.categories_id and cd.language_id='" . (int)$languages_id ."' order by sort_order desc limit 0,7");
if(tep_db_num_rows($categories_query2)>0):
?>
<ul>
<?
while ($categories2 = tep_db_fetch_array($categories_query2))
{?>
<li>
<a href="<?PHP echo tep_href_link(FILENAME_DEFAULT,"cPath=".$categories2['categories_id']);?>" <?=(isset($cPath) and $cPath==$categories2['categories_id'])?" class='selected'":""?> title="African <?php echo stripslashes($categories2['categories_name']); ?>"><?php echo stripslashes($categories2['categories_name']); ?></a>
</li>
<?
} ?>
</ul>
<?

endif;
?>
</li>
<? } ?>
</ul>

</div>
<div style="height:5px;"></div>

I dont seem to see that code you have in header ?

As you can see from header.php - towards the end - there is something similar to what you were looking for - not sure if that is what u meant/looking for?

♥joli1811 · November 5, 2012

about line 269

<li><a href="<?=tep_href_link(FILENAME_DEFAULT)?>" style="background:url();" <?=($_SERVER['QUERY_STRING']=='' and (basename($_SERVER['PHP_SELF'])=='index.php'))?" class='selected'":""?>>Home</a></li>

<?php

bksbeat · November 5, 2012

yes, I see it...what do u want me to do...?

♥joli1811 · November 5, 2012

:D wish I knew that is where your drop down starts I do not recognise the code

<li><a href="<?=tep_href_link(FILENAME_DEFAULT)?>" style="background:url();" <?=($_SERVER['QUERY_STRING']=='' and (basename($_SERVER['PHP_SELF'])=='index.php'))?" class='selected'":""?>>Home</a></li>

<?php

One to many > have marked in red do not understand what this does style="background:url() maybe somebody else.

bksbeat · November 5, 2012

I think background:url() means

url('URL') The URL to the image. To specify more than one image, separate the URLs with a comma

Not sure what u r saying or asking me to change. I dont understand this at all...If it did not work for all browsers it would make sense. It is a IE specific problem which makes it weirder for me? I dunno

Just removed that > Did not do anything??

♥joli1811 · November 5, 2012

Firefox chrome etc read html correctly Internet explorer has always been a problem he often does not read correctly is simply put buggy.

Had a problem once with horizontal dropdown Nav bar in IE and solved by putting the css in stylesheet on one line instead of x 2 lines do not ask me why just worked.

Would suggest you ask the developer who made the code to take a look and fix.

line 466 stylesheet should be I think

.heading-div

{margin-top:10px; margin-left:25px;background:#FF0000; width:520px; height:30px; padding-top:8px; " align="center}

align="center"

Line 38

background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */

no 0

bksbeat · November 5, 2012

I will make those changes and see what happens - thanks for all your help on this one - yes, it is painful and frustating esp. when it is working great elsewhere?

I found this. Take a look at #3 - could have something to do with his use of background: url

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

nope i am afraid that did not do it. I put that 0 back in as it was screwing up the display in chrome.

♥joli1811 · November 5, 2012

Hi,

Yes possible I would suggest you get and install this tool

https://addons.mozilla.org/en-US/firefox/addon/web-developer/

and possibly

https://getfirebug.com/

You can edit your css real time indispensable when you are debugging. the align center I mentioned above is maybe meant to be text-align: center; make sure you back up your stylesheet before changing as easy to get lost with changes it is probably something really minor there is a guy called multimixer who is very good with css maybe he will see the post :D

John

bksbeat · November 5, 2012

everything is already text-align:center

if u cross paths with multim ixer, plse let him know. he can have access to my admin or whatever to help resolve this

"ing. the align center I mentioned above is maybe meant to be text-align: center; make sure you back up your stylesheet before changing as"

which one are you referring too???

configuration for google chrome and IE

Recommended Posts

bksbeat

Guest

bksbeat

bksbeat

♥joli1811

bksbeat

♥joli1811

bksbeat

♥joli1811

bksbeat

♥joli1811

bksbeat

♥joli1811

bksbeat

♥joli1811

bksbeat

♥joli1811

bksbeat

♥joli1811

bksbeat

♥joli1811

bksbeat

Archived

Browse

Activity