Pagina 1 di 1

Problema di css ma non capisco dove

Inviato: 25/11/2010, 1:19
da lupinvv
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;
}

Re: Problema di css ma non capisco dove

Inviato: 25/11/2010, 17:48
da 06voip
mi sa che devi guardare scr.css alla linea 30: #mainnavtabbed1 li a

Codice: Seleziona tutto

{
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: transparent;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
display: block;
color: #ffffcc;
text-decoration: none;
background-image: url("images/icons/a_information2.gif");
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
}
Saluti

Re: Problema di css ma non capisco dove

Inviato: 26/11/2010, 0:55
da lupinvv
Ti ringrazio.Ho modificato il file come mi hai detto ma il problema è rimasto.
Guarda tu stesso.

Il file ora è così

.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-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: transparent;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
display: block;
color: #ffffcc;
text-decoration: none;
background-image: url("images/icons/a_information2.gif");
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
}

/* 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;
}

Re: Problema di css ma non capisco dove

Inviato: 26/11/2010, 0:59
da lupinvv
comunque per ora ho risolto in altro modo,ho proprio cancellato quella parte e almeno ora si vedono tutti i link.comunque se ti viene in mente una soluzione migliore ti ringrazio ;)