2012-04-19 13 views
9

में काम नहीं करती है, मैं चाहता था कि तालिका पंक्ति नीचे और ऊपर की सीमा हो। नीचे दिया गया कोड आईई में काम करता है लेकिन फ़ायरफ़ॉक्स या सफारी में नहीं! कृप्या सहायता करे!तालिका पंक्ति सीमा फ़ायरफ़ॉक्स और सफारी

एचटीएमएल

<tr class='TableRow'> 

सीएसएस

.TableRow{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
    } 

उत्तर

9

जहाँ तक मुझे पता है, आप सीएसएस के माध्यम से तालिका पंक्तियों के लिए सीमाओं को निर्धारित नहीं कर सकते। लेकिन मैं आपको इसके लिए एक समाधान का सुझाव दूंगा: पंक्तियों के अंदर कोशिकाओं को सीमाएं सेट करें, और फिर सेलस्पेसिंग = "0" का उपयोग करें। यहाँ सीएसएस है:

.TableRow td{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
} 

और एक नमूना HTML होगा:

<table cellspacing="0"> 
    <tr class="TableRow"> 
     <td>A</td> 
     <td>B</td> 
    </tr> 
    <tr> 
     <td>C</td> 
     <td>D</td> 
    </tr> 
</table> 

पहली पंक्ति सीमाओं के साथ हो जाएगा।

उम्मीद है कि मदद करता है।

संपादित करें: मैंने आपके कोड की कोशिश की और आईई सहित किसी भी ब्राउज़र में सीमा नहीं दिखाई।

+0

धन्यवाद! :) यह – user930514

+0

काम करता है जब मैंने '

' सीमा-पतन की सीएसएस घोषणा को अलग किया, तो यह केवल मेरे लिए काम किया: अलग '। –

2

क्या इससे आपकी समस्या ठीक हो जाती है?

tr.TableRow td { 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
} 

यह वर्ग TableRow के साथ किसी भी पंक्तियों के भीतर तालिका डेटा के सभी के लिए एक सीमा जोड़ देगा। शुरुआत में tr. जोड़ना अच्छा अभ्यास है, क्योंकि मुझे लगता है कि आप केवल इस पंक्ति का उपयोग तालिका पंक्ति के साथ करेंगे।

यदि आप इसे एकाधिक पंक्तियों में लागू कर रहे हैं- तो आप border-collapse:collapse; भी जोड़ना चाहेंगे जो सीमाओं को एक सीमा में पतन कर देगा।

3

तालिका में border-collapse:collapse जोड़ें तो आप tr में सीमा जोड़ सकते हैं।

उदाहरण:

table.myTable{ 
    border-collapse:collapse; 
} 

table.myTable tr{ 
    border:1px solid red; 
} 
संबंधित मुद्दे