richfaces会在使用richfaces: spacer.gif生成的选项卡之间插入额外的td和tabpanel

Question

我需要创建标签和使用richfaces:tabpanel组件。

问题是由包含spacer.gif的richfaces生成的额外的<td>，因此标签之间有空格。

我试着使用richfaces:tabpanel property headerspacing="0px";，但空间不存在。

我们使用richfaces version 3.3.3.Final和jsf version 1.2

jsp：

 <td width="100%">
<rich:tabPanel headerSpacing="0px;">
 <rich:tab id="tab1">
 <f:facet name="label">
 <h:outputText value="Tab1"></h:outputText>
 </f:facet>
  <ui:include src="./tab1.jspx"/>
  </rich:tab>
  <rich:tab id="tab2"> 
  <f:facet name="label">
 <h:outputText value="tab2"></h:outputText>
 </f:facet>
  <ui:include src="./tab2.jspx"/>
 </rich:tab> 
 </rich:tabPanel>
 </div>
 </td>

CSS：

.rich-tabhdr-side-border {
    border: none;   
    background-image: none;
}

.rich-tabhdr-side-cell{
    border: 1px solid #ABAA96;  
    height:23px;
    display:block;
    background:url(../images/ButtonConatinerBG.gif) repeat-x top;
    border-bottom:1px solid #A1A290;
    font-size: 12px;
    font-weight:bold;
    color: #FFFFFF;
    }

.rich-tabpanel-content {
 font-family: verdana;
font-size: 12px;
color: #000000;    
background-color:#F9F9FB; 
 }

Answer 1

您可以使用CSS隐藏这些间隔符：

.rich-tabpanel img[src="path/to/spacer.gif"] {
    display: none;
}