I am not sure why its happening, but I've lost the 'tabs' on my product info page. I made PMd qHome back in July but no response and DivaVocals says its definately a CSS issue here but I'm starting to think otherwise.
I just downloaded a fresh copy of tpp (106b) and ftpd the css file w/o any changes and I still have the same issue.
The tabs display in a 'block' format INSTEAD OF an 'inline' format. They do function correctly BUT DO NOT display correctly :(
When I use my Web Developer (F12) on FF, in the box to the right, the first thing that shows is:
element.style {
display: block;
}
and then the css file begins.
Here is the current css (I've made some changes):
#slidetabsmenu {
float:left;
width:100%;
font-size:100%;/*93*/
border-bottom:1px solid #005599;/*solid 2763a5 9a9a9a 00008b*/
line-height:normal;
}
#slidetabsmenu ul {
margin:0;
padding:10px 10px 10px 10px;
list-style:none;
}
#slidetabsmenu li {
display:inline;
margin:0;
padding:0;
font-weight: bold;
}
#slidetabsmenu a {
float:left;
/*background:url("../../images/tpp/tableft13.gif") no-repeat left top;*/
margin:0;
padding:0 4px 0 4px;/*0 0 0 4px*/
text-decoration:none;
}
#slidetabsmenu a span {
float:left;
display:block;/*block*/
/*background:url("../../images/tpp/tabright13.gif") no-repeat right top;*/
background-color:#d7d7d7;/*added 535357 eeeeee*/
padding:5px 13px 4px 6px;
color:#005599; /*3b3b3b 00008b ffffff*/
margin:2px 4px 2px 4px;/*added 20px 40px 20px 40px*/
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */
#slidetabsmenu a:hover {
background-position:0% -125px;
}
#slidetabsmenu a:hover span {
background-position:100% -125px;
color: #005599; /*black ff6600 ffffff*/
}
#slidetabsmenu a.current {
background-position:0% -125px;/*100% -125px;*/
}
#slidetabsmenu a.current span {
background-position:100% -125px;/*100% -125px*/
background-color: #005599;/*added 00008b*/
color: #ffffff; /*red ff6600 535357*/
}
.tabcontent{
clear: both;
float:left;
width:100%;
border-bottom: 1px solid #d7d7d7;/*9a9a9a*/
border-left: 1px solid #d7d7d7;/*added*/
border-right: 1px solid #d7d7d7;/*added*/
background: #ffffff;/*white*/
color: #000000; /*black*/
display:none;
padding:0px 0px 5px 0px;/*added*/
margin:0;/*added*/
}
Can someone review the CSS and tell me if it is a CSS for sure. Some fresh eyes may see the problem.
OR
Is it a code issue?
Any help is greatly appreciated.
