2014-02-20 162 views
0

我在网上找不到任何答案,并且跳着某人可以帮助我。在Thunderbird中看不到表格单元格边框

好吧

我的问题很简单,我试图达到以下目的。

在浏览器中它工作得很好。但在雷鸟中,没有一条线将它们分开。 enter image description here

即时通讯使用<table>因为我不能以其他方式将价格与最低价格对齐。

任何如何这是我的代码。

<style> 
    .verticalLineSimilar 
    { 
     border-right:1px grey solid; 
     width: 0; 
     background-color: transparent; 
    } 
    .similarTitle 
    { 
     font-size: 12px; 
     width: 160px; 
     text-align: center; 
    } 
    .similarImage 
    { 
     text-align: center; 
    } 
    .similarImage img 
    { 
     max-height:100px; 
     max-width:100px; 
    } 
    .simiarPrice 
    { 
     color:red; 
     font-size: 18px; 
     text-align: center; 
    } 

</style> 
<div id="RecommendationForYou" style="text-align: center;"> 
    <table style="display: inline-block;"> 
     <tr> 
      <td class="similarTitle">{!=>SimilarTitle1<=!}</td> 
      <td class="verticalLineSimilar" rowspan="3"></td> 
      <td class="similarTitle">{!=>SimilarTitle2<=!}</td> 
      <td class="verticalLineSimilar" rowspan="3"></td> 
      <td class="similarTitle">{!=>SimilarTitle3<=!}</td> 
      <td class="verticalLineSimilar" rowspan="3"></td> 
      <td class="similarTitle">{!=>SimilarTitle4<=!}</td> 
     </tr> 
     <tr> 
      <td class="similarImage"><img src="{!=>SimilarImage1<=!}"></td> 
      <td class="similarImage"><img src="{!=>SimilarImage2<=!}"></td> 
      <td class="similarImage"><img src="{!=>SimilarImage3<=!}"></td> 
      <td class="similarImage"><img src="{!=>SimilarImage4<=!}"></td> 
     </tr> 
     <tr> 
      <td class="simiarPrice">$ {!=>SimilarPrice1<=!}</td> 
      <td class="simiarPrice">$ {!=>SimilarPrice2<=!}</td> 
      <td class="simiarPrice">$ {!=>SimilarPrice3<=!}</td> 
      <td class="simiarPrice">$ {!=>SimilarPrice4<=!}</td> 
     </tr> 
    </table> 
</div> 

我也试过以下

.verticalLineSimilar 
    { 
     width: 1px; 
     background-color: grey; 
    } 

但TD不会去比的3px巫婆下显得非常不专业 enter image description here

有什么即时通讯做错了什么,我应该这样做可以让我真正在雷鸟中展示那些线。

感谢您的帮助!

回答

0

这可能看起来微不足道,但有尝试使用rgb(128,128,128)或十六进制颜色(#808080)?

+0

我只是尝试了十六进制颜色,但仍然无法正常工作:/ –

+0

由于某种原因它接缝,我可以把边界放在div的但不是TD ... –

1

由于某些古怪的原因,雷鸟不会允许td元素的边界。

所以我所做的是

display: inline-block; 
height: 100%; 
border-right:1px grey solid; 

上被suposed办边防TD元素内一个div。