एक प्रस्तुत एक्सेल टेबल की तरह दिखने के लिए इनलाइन शैलियों के साथ HTML तालिका को प्रारूपित करने के लिए कैसे?

मैं वर्तमान में एक HTML तालिका में सेटिंग सीमाओं को फंस गया हूँ। (मैं ई-मेल-ग्राहकों में एक बेहतर प्रतिपादन के लिए इनलाइन शैलियों का उपयोग) मैं कोड के इस टुकड़े है:एक प्रस्तुत एक्सेल टेबल की तरह दिखने के लिए इनलाइन शैलियों के साथ HTML तालिका को प्रारूपित करने के लिए कैसे?

<html> 
    <body> 
     <table style="border: 1px solid black;"> 
      <tr> 
       <td width="350" style="border: 1px solid black ;"> 
        Foo 
       </td> 
       <td width="80" style="border: 1px solid black ;"> 
        Foo1 
       </td> 
       <td width="65" style="border: 1px solid black ;"> 
        Foo2 
       </td> 
      </tr> 
      <tr style="border: 1px solid black;"> 
       <td style="border: 1px solid black;"> 
        Bar1 
       </td> 
       <td style="border: 1px solid black;"> 
        Bar2 
       </td> 
       <td style="border: 1px solid black;"> 
        Bar3 
       </td> 
      </tr> 
      <tr style="border: 1px solid black;"> 
       <td style="border: 1px solid black;"> 
        Bar1 
       </td> 
       <td style="border: 1px solid black;"> 
        Bar2 
       </td> 
       <td style="border: 1px solid black;"> 
        Bar3 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

यह इस तरह दिया जाता है: alt text

मैं मेज की तरह प्रदान की जा करना चाहते हैं एक्सेल भीतरी और बाहरी सीमा के साथ एक मेज प्रस्तुत करना होगा,: alt text

स्रोत

2010-09-08 citronas

आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोम 6 में, जैसा कि आप इसे यहां चाहते हैं: http://jsfiddle.net/JceAc/। – Kyle

मैं फ़ायरफ़ॉक्स 3.6.8 – citronas

table { 
    border-collapse:collapse; 
}

स्रोत

2010-09-08 10:01:30

धन्यवाद का उपयोग कर रहा हूं, सही काम करता है;) – citronas

यह काम करता है और एक आकर्षण की तरह दिखता है –

इसे हल करने cellpadding और cellspacing जोड़ें। संपादित करें: डबल पिक्सेल सीमा भी हटा दी गई है।

<style> 
td 
{border-left:1px solid black; 
border-top:1px solid black;} 
table 
{border-right:1px solid black; 
border-bottom:1px solid black;} 
</style> 
<html> 
    <body> 
     <table cellpadding="0" cellspacing="0"> 
      <tr> 
       <td width="350" > 
        Foo 
       </td> 
       <td width="80" > 
        Foo1 
       </td> 
       <td width="65" > 
        Foo2 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Bar1 
       </td> 
       <td> 
        Bar2 
       </td> 
       <td> 
        Bar3 
       </td> 
      </tr> 
      <tr > 
       <td> 
        Bar1 
       </td> 
       <td> 
        Bar2 
       </td> 
       <td> 
        Bar3 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

स्रोत

2010-09-08 10:02:27

एक प्रस्तुत एक्सेल टेबल की तरह दिखने के लिए इनलाइन शैलियों के साथ HTML तालिका को प्रारूपित करने के लिए कैसे?

उत्तर

संबंधित मुद्दे