Problema di css ma non capisco dove
Inviato: 25/11/2010, 1:19
Ho installato questa contrib Product Tabs 2.1 e se guardate i miei prodotti ad esempio questo http://www.lupinvvshop.com/telecomando- ... p-323.html noterete che c'è il tab "descrizione" mentre il tab "Specifiche tecniche" alla sua destra è invisibile e si vede solo se si passa di sopra.
Ho provato a fare diverse prove ma non sono riuscito a cambiargli il colore di sfondo.
Consigli?
il css dovrebbe essere questo
.tabcontent {
padding:2em; /* acts little ike cellpadding, so dont touch this */
clear:both;
background: #EEEEFF ; /* Background color */
border-top:1px solid #ddd;
border-bottom:5px solid #ddd;
border-left:1px solid #ddd;
border-right:5px solid #ddd;
color:#000000; /* font color */
font-size: 10px; /* font size -- does not affect standard view */
}
#mainnavtabbed1{
clear:both;
list-style-type:none;
margin:0px;
padding:0px;
}
#mainnavtabbed1 li{
margin-left:0px; /* distance between tabs */
margin-bottom:0px;
text-align: center; /* alignment of text within tabs */
float:left;
width:99px; /* width of actual tab */
margin-bottom:0px;
}
/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
padding:5px; /* padding around the text within the tabs */
/* sempre io
border-left:0px solid #ccc; /* border of the inactive tab */
/* border-top:0px solid #ccc; /* border of the inactive tab */
/* border-bottom:none; */
/* border-right:1px solid #ccc; /* border of the inactive tab
*/
background:none;
display:block;
color:#ffffff;
text-decoration:none;
background-image:url(images/icons/a_information2.gif);
font: 13px Arial, Helvetica, sans-serif;
}
/* the folowing section deals with the tabbed button when active */
#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
color:#000000; /* Font color on tab */
background:#FFFFCC; /* Tab Color */
/*
border-left:0px solid #aaa;
border-top:0px solid #aaa;
border-bottom:none;
border-right:1px solid #aaa;
*/
background-image:url(images/icons/p_information2.gif);
}
/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
color:#FF0000; /* Font color on hover */
background: #CCFFFF;
/*
sempre mi
border-left:0px solid #ccc;
border-top:0px solid #ccc;
border-bottom:none;
border-right:0px solid #ccc;
*/
background-image:url(images/icons/p_information1.gif);
}
h2{
margin:0;
font-size:100%;
font-family:"trebuchet ms", verdana, sans-serif;
}
h1{
margin:0;
font-size:100%;
color:#fff;
font-family:"trebuchet ms", verdana, sans-serif;
}
HR {
color: #ccc;
background-color: #ccc;
height: 0px;
border: none;
}
Ho provato a fare diverse prove ma non sono riuscito a cambiargli il colore di sfondo.
Consigli?
il css dovrebbe essere questo
.tabcontent {
padding:2em; /* acts little ike cellpadding, so dont touch this */
clear:both;
background: #EEEEFF ; /* Background color */
border-top:1px solid #ddd;
border-bottom:5px solid #ddd;
border-left:1px solid #ddd;
border-right:5px solid #ddd;
color:#000000; /* font color */
font-size: 10px; /* font size -- does not affect standard view */
}
#mainnavtabbed1{
clear:both;
list-style-type:none;
margin:0px;
padding:0px;
}
#mainnavtabbed1 li{
margin-left:0px; /* distance between tabs */
margin-bottom:0px;
text-align: center; /* alignment of text within tabs */
float:left;
width:99px; /* width of actual tab */
margin-bottom:0px;
}
/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
padding:5px; /* padding around the text within the tabs */
/* sempre io
border-left:0px solid #ccc; /* border of the inactive tab */
/* border-top:0px solid #ccc; /* border of the inactive tab */
/* border-bottom:none; */
/* border-right:1px solid #ccc; /* border of the inactive tab
*/
background:none;
display:block;
color:#ffffff;
text-decoration:none;
background-image:url(images/icons/a_information2.gif);
font: 13px Arial, Helvetica, sans-serif;
}
/* the folowing section deals with the tabbed button when active */
#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
color:#000000; /* Font color on tab */
background:#FFFFCC; /* Tab Color */
/*
border-left:0px solid #aaa;
border-top:0px solid #aaa;
border-bottom:none;
border-right:1px solid #aaa;
*/
background-image:url(images/icons/p_information2.gif);
}
/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
color:#FF0000; /* Font color on hover */
background: #CCFFFF;
/*
sempre mi
border-left:0px solid #ccc;
border-top:0px solid #ccc;
border-bottom:none;
border-right:0px solid #ccc;
*/
background-image:url(images/icons/p_information1.gif);
}
h2{
margin:0;
font-size:100%;
font-family:"trebuchet ms", verdana, sans-serif;
}
h1{
margin:0;
font-size:100%;
color:#fff;
font-family:"trebuchet ms", verdana, sans-serif;
}
HR {
color: #ccc;
background-color: #ccc;
height: 0px;
border: none;
}