सीएसएस

Question

के साथ अवांछित तालिका सेल सीमाओं को हटा रहा है मेरे पास एक असाधारण और निराशाजनक समस्या है। सरल मार्कअप के लिए:

<table> 
    <thead> 
     <tr><th>1</th><th>2</th><th>3</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>a</td><td>b></td><td>c</td></tr> 
     <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> 
    </tbody> 
</table> 

मैं thead, टीआर, और टीआर अजीब तत्वों को अलग पृष्ठभूमि रंग मूल्यों को लागू। समस्या यह है कि अधिकांश ब्राउज़रों में, प्रत्येक सेल में एक अनचाहे सीमा होती है जो किसी भी तालिका पंक्तियों का रंग नहीं है। केवल फ़ायरफ़ॉक्स 3.5 में तालिका में किसी भी सेल में कोई सीमा नहीं है।

मैं सिर्फ यह जानना चाहता हूं कि इन प्रमुखों को अन्य प्रमुख ब्राउज़रों में कैसे निकालना है ताकि तालिका में आप जो एकमात्र चीज देखते हैं वह वैकल्पिक पंक्ति रंग हों।

Answer 1

आप अपने सीएसएस को यह जोड़ने की जरूरत :

table { border-collapse:collapse } 

Answer 2

इस तरह अपने HTML संशोधित करें:

<table border="0" cellpadding="0" cellspacing="0"> 
    <thead> 
     <tr><td>1</td><td>2</td><td>3</td></tr> 
    </thead> 
    <tbody> 
     <tr><td>a</td><td>b></td><td>c</td></tr> 
     <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> 
    </tbody> 
</table> 

सीएसएस में (मैं border="0" cellpadding="0" cellspacing="0" जोड़ा), तो आपको निम्न कर सकता है:

table { 
    border-collapse: collapse; 
} 

Answer 3

तालिका तत्व में border: 0px; border-collapse: collapse; की शैली को असाइन करने का प्रयास करें।

Answer 4

cellspacing तालिका का गुण 0 पर सेट करें।

आप सीएसएस शैली, border-spacing: 0 का भी उपयोग कर सकते हैं, लेकिन केवल अगर आपको IE के पुराने संस्करणों का समर्थन करने की आवश्यकता नहीं है।

td, th { 
    border:none; 
} 

Answer 5

कुछ सीएसएस जोड़ने ब्राउज़र द्वारा कोशिकाओं में जोड़ा गया जो कि डिफ़ॉल्ट ब्राउज़र शैलियों को रीसेट करने के लिए प्रयुक्त डक्ट टाइप और/या किसी भी सीएसएस पर निर्भर हो सकता है

Answer 6

तुम भी

table td { border:0; } 

जोड़ सकते हैं इसके बाद के संस्करण = "0"

यह गद्दी से छुटकारा मिलता है स्वचालित रूप से cellpadding स्थापित करने के बराबर है:

Answer 7

उपर्युक्त सुझावों का प्रयास करने के बाद, मेरे लिए काम करने वाली एकमात्र चीज बच्चे की थीम के style.css के निम्नलिखित खंडों में सीमा विशेषता को "0" में बदल रही थी (प्रत्येक को ढूंढने के लिए "ढूंढें" ऑपरेशन करें - निम्नलिखित हैं बस के टुकड़े):

.comment-content table { 
    border-bottom: 1px solid #ddd; 

.comment-content td { 
    border-top: 1px solid #ddd; 
    padding: 6px 10px 6px 0; 
} 

इस प्रकार बाद में इस तरह की तलाश:

.comment-content table { 
    border-bottom: 0; 

.comment-content td { 
    border-top: 0; 
    padding: 6px 10px 6px 0; 
} 

Answer 8

<td style=" border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;"> 

और अगर आप चाहते हैं कि ने

$style = ' style=" border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;"'; 

<td $style>bla bla</td><td $style>bla bla</td><td $style>bla bla</td><td $style>bla bla</td> 

की तरह कुछ करने कर सकते हैं

Answer 9

कभी-कभी border एस साफ़ करने के बाद भी।

कारण यह है कि आपके पास td के अंदर छवियां हैं, छवियों को display:block हल करता है।

Answer 10

सीमा को हटाने के लिए, जस्ट इस तरह सीएसएस का उपयोग कर:

td { 
border-style : hidden!important; 
}