Cold Steel Template Support Thread

[clydejones]

Hallo zenners,

I have a problem with the header tabs on my website when you move the mouse over the tabs, the shape misforms.

i have tryed to fixed it but still no luck can someone point me in the right direction ? i'am no good at css.

my website: www.b o a r d l o r d s.nl

i'am using zen-cart 1.3.8a and the 1.3.8a. template.

Thanks,

I've checked the site and couldn't see the problem you describe.

[karimm]

Thank you clyde for your assistant

On the top off the website there are the following tabs. (dutch)

home | inloggen/registreren | contact | mijn account | mijn winkelmandje

the color of the tabs are white (except for home). when you do a mouse over they become red and the left side of the tab image doesn't show.
only the "mijn winkelmandje" tab displays oke when you do a mouse over.

Regards,

[clydejones]

Thank you clyde for your assistant

On the top off the website there are the following tabs. (dutch)

home | inloggen/registreren | contact | mijn account | mijn winkelmandje

the color of the tabs are white (except for home). when you do a mouse over they become red and the left side of the tab image doesn't show.
only the "mijn winkelmandje" tab displays oke when you do a mouse over.

Regards,

You could try the following:

open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find the following and make the highlighted change

#navMainWrapper {
position:absolute;
left: 0px;
top: 101px;
font-size: 1.1em;
height:24px;
line-height: normal;
width: 917px;
}

[karimm]

That's not it, the tabs disappear.
I want them to stay on top, only the mouse-over color change is wrong. The mouse-over tabs on your website work fine.

Regards,

Martijn

[clydejones]

That's not it, the tabs disappear.
I want them to stay on top, only the mouse-over color change is wrong. The mouse-over tabs on your website work fine.

Regards,

Martijn

You could try the following:

open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find the following and make the highlighted change

#navCurrenciesWrapper {
position:absolute;
top: 83px;
right:20px;
color: #000;
font-weight: bold;
text-decoration: none;
width:100px;
}

[karimm]

The tabs are not located in #navCurrenciesWrapper these are the language flags.

The tabs are in #navmain. these is a part of my stylesheet.
I think the error is in here.

#navMain {
float:left;
width:100%;
font-size: 1.1em;
}
#navMain ul {
margin: 0;
padding: 0.2em 0 0 0.5em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
vertical-align: middle;
}
#navMain ul li {
display: inline;
}
#navMain ul li a {
margin:0;
padding: 0 5px 0 4px;
float:left;
color: #000;
background: url(../images/tableft.gif) no-repeat left top;
color:#000;
text-decoration:none;
}
#navMain ul li a span {
display:block;
background: url(../images/tabright.gif) no-repeat right top;
padding:2px 15px 2px 6px;
color:#000;
font-weight: bold;
}
#navMain ul li a:hover {
background-position: 0% -42px;
}
#navMain ul li a:hover span {
padding:2px 15px 2px 6px;
background-position:100% -42px;
color:#fff;
font-weight: bold;
}
#navMain ul li.cart a {
margin:0;
padding: 0 5px 0 4px;
float:left;
background: url(../images/tableft.gif) no-repeat left top;
color:#000;
text-decoration:none;
}
#navMain ul li.cart a span {
display:block;
background: url(../images/tabright.gif) no-repeat right top;
padding:2px 15px 2px 6px;
color:#000;
font-weight: bold;
}
#navMain ul li.cart a:hover {
background-position:0% -42px;
}
#navMain ul li.cart a:hover span {
padding:2px 15px 2px 6px;
background-position:100% -42px;
color:#fff;
font-weight: bold;
}
#navMain ul li.current a {
background-position:0% -42px;
color:#fff;
}
#navMain ul li.current a span {
padding:2px 15px 2px 6px;
background-position:100% -42px;
color:#fff;
font-weight: bold;
}

#navMain ul li.cart .current a {
background-position:0% -42px;
}
#navMain ul li.cart .current a span {
padding:2px 15px 2px 6px;
background-position:100% -42px;
font-weight: bold;
}

[clydejones]

The tabs are not located in #navCurrenciesWrapper these are the language flags.

I realize that. but it is taking up space within the same area as you navigation tabs.

that is why I suggested the changes to the declaration in the stylesheet including giving it a width.

[karimm]

I have made the ajustment. but it hasn't any effect on the tabs.
I will leave it in place.
Can you confirm that the section in my style sheet from my previous post is oke ?

Thnx

[clydejones]

I have made the ajustment. but it hasn't any effect on the tabs.
I will leave it in place.
Can you confirm that the section in my style sheet from my previous post is oke ?

Thnx

Yes it is fine.

[karimm]

Then i don't have any clue.

How can it be that view cart is oke, and the rest isn't good.
I think i remember that i have seen similar on your own website long ago.

Can this be ?