chalfontgifts:
Hi craftzombie
Thanks once again for your help.
I have now managed to disable the button and the header links, thanks to your help.
If you do get time to investigate the order status bar problem in IE I would really appreciate it.
Learning slowly as I go with this.
Regards
Laurie
With the help of this topic, and this topic here (reply no 83): http://www.zen-cart.com/forum/showthread.php?t=53786&page=9
I was able to work around the IE7 "bug" but I needed to change some more settings to prevent the border to exceed the progress bar too much which resulted in a ugly trailing white space.
In all css related files:
Starting at around line 5:
#order_steps { /* Is needed for the centering in IE */
padding: 5px 1px;
margin: 10px 10px;
text-align: center;
border: 1px solid #000000;
height:70px;
}
In contrary to the provided solution in the topic, I didn't disabled the padding as it wraps the progress bar in checking out without account.
Next: All widths which were 25% have been changed to 24.9% (find 25% and replace with 24.9%).
And furthermore the changes from the above mentioned topic:
.progressbar_active {
/* background: url(../images/orderstep.png) repeat-x; */
background-color: #3DA200; /* Determines the active color of the completed part of the line */
width:24.9%;
float:left;
height: 5px;
line-height:5px;
color: #3DA200;
}
.progressbar_inactive {
background: url(../images/orderstep.png) repeat-x;
background-color: #9A9A9A; /* Determines the active color of the completed part of the line */
width:24.9%;
float:left;
height: 5px;
line-height:5px;
color: #9A9A9A;
}
.progressbar_active_COWOA {
/*background: url(../images/orderstep.png) repeat-x; */
background-color: #3DA200; /* Determines the active color of the completed part of the line */
width:20%;
float:left;
height: 5px;
line-height:5px;
color: #3DA200;
}
.progressbar_inactive_COWOA {
background: url(../images/orderstep.png) repeat-x;
background-color: #9A9A9A; /* Determines the active color of the completed part of the line */
width:20%;
float:left;
height: 5px;
line-height:5px;
color: #9A9A9A;
Hope this helps anyone.
