Forums / Templates, Stylesheets, Page Layout / links color dark in Nav bar

links color dark in Nav bar

Locked

Views: 1,143

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
1 Apr 2009, 5:49 PM
#1
jamair avatar

jamair

New Zenner

Join Date:
Sep 2006
Posts:
40
Plugin Contributions:
0

links color dark in Nav bar

Hi,
Just about setup except for one problem, in IE8 (or 7) the links in the nav bar on main page appear too dark ( Home, sign in, account etc.) In foxfire everything appears the right way. Any help will be appreciated,Thanks.
:unsure:
http://jamairstore.com

2 Apr 2009, 3:59 AM
#2
jwitt98 avatar

jwitt98

New Zenner

Join Date:
Feb 2009
Posts:
95
Plugin Contributions:
0

Re: links color dark in Nav bar

Usually the best way to fix IE only issues is to use an IE only stylesheet.

12 Apr 2009, 1:57 PM
#3
jamair avatar

jamair

New Zenner

Join Date:
Sep 2006
Posts:
40
Plugin Contributions:
0

Re: links color dark in Nav bar

I changed the IE_stylesheet and this fixed some but not the " view cart" link . here is my change:

/**

  • Main CSS Stylesheet
  • @package templateSystem
  • @copyright Copyright 2003-2007 Zen Cart Development Team
  • @copyright Portions Copyright 2003 osCommerce
  • @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
  • @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
    */

#navMainWrapper {
margin: 0 auto;
padding: 0 0.2em;
background: url(../images/nav_tab.jpg) repeat-x;
line-height:normal;
font-weight: bold;
height: 24px;
}
#navMain ul {
margin: 0;
padding: 0.5em 0.5em 0.2em 0.5em;
list-style-type: none;
text-align: center;
font-size: 1.1em;
line-height: 1.5em;
}
#navMain ul li {
margin: 0;
padding: 0 0 0 9px;
background: url(../images/left.gif) no-repeat left top;
display: inline;
}
#navMain ul li a {
padding: 5px 15px 3px 6px;
background: url(../images/right.gif) no-repeat right top ;
text-decoration: none;
color: #ffffff;
white-space: nowrap;
}
#navMain ul li a:hover {
padding: 5px 15px 3px 6px;
background: url(../images/right_on.gif) no-repeat right top;
color: #ffffff;
}
#navMain ul li.viewCart {
padding: 0 0 0 9px;
background: url(../images/sleft.gif) no-repeat left top;
display: inline;
}
#navMain ul li.viewCart a {
padding: 5px 15px 3px 6px;
background: url(../images/sright.gif) no-repeat right top ;
text-decoration: none;
color: #ffffff;
white-space: nowrap;
}
#navMain ul li.viewCart a:hover {
padding: 5px 15px 3px 6px;
background: url(../images/sright_on.gif) no-repeat right top ;
color: #ffffff;
}
white-space: nowrap;

PS: the hover does not look like it is working, any help will be greatly appreciated. Thanks.

http://jamairstore.com

Zencart ver. 1.3.8