2012-11-02 14 views
6

मैं एक टेबल शैली के लिए बोर्डर्ड टेबल क्लास का उपयोग कर रहा हूं।तालिका-पंक्ति सीमा अदृश्य है

हालांकि, कुछ पंक्तियों के लिए, मुझे एक टेबल सेल की बाएं सीमा को बदलने की जरूरत है, फिर भी पूरी तालिका के चारों ओर एक सीमा की उपस्थिति बनाए रखें।

ऐसा करने के लिए, मैंने टेबल सेल बाएं सीमा को दोबारा शैलीबद्ध करने और तालिका पंक्ति में बाएं-सीमा जोड़ने की कोशिश की है।

मैं टेबल सेल बाएं सीमा को हटा सकता हूं, हालांकि नई तालिका पंक्ति बाएं सीमा अदृश्य है।

.table tr.topic_row { 
    border-left: 3px solid red; 
} 

.table td.topic_title { 
    border-left: none; 
} 

आप देख सकते हैं कि तालिका पंक्ति अदृश्य होने के लिए सीमा-प्रकट होता है: http://i.stack.imgur.com/M5lsO.png

और फिर भी यह नहीं होना चाहिए: http://i.stack.imgur.com/crMQA.png

मैं कैसे तालिका पंक्ति सीमा प्राप्त कर सकते हैं पर कोई सलाह दिखाई दे सकता है होता बहुत सराहना की :) स्पष्टीकरण के लिए


संपादित करें:

यहां मुद्दा यह है कि तालिका पंक्ति सीमा क्यों नहीं दिख रही है। भले ही यह वहां होना चाहिए, यह नहीं है।

.topic_row td:first-child { 
    border-left: 3px solid red; 
} 

उत्तर

0

सीमा रंग तालिका पंक्ति में ही बजाय पंक्ति में पहले तालिका सेल के लिए आवेदन करने का प्रयास करें

.table tr.topic_row td { 
    border-left: 3px solid red; 
} 

.table td.topic_title { 
    border-left: none; 
} 
+0

लेकिन मैं तालिका सेल की जरूरत है एक और सीमा के लिए । कुल में 2 सीमाएं। तो मुझे दोनों के लिए सीमा लागू करने की जरूरत है। क्षमा करें, अगर मैं तालिका सेल सीमा को हटाते समय स्पष्ट नहीं था, तो मैं वास्तव में इसके लिए एक बड़ी सीमा भी जोड़ना चाहता हूं, लेकिन मैंने इसे तालिका पंक्ति के साथ अपनी समस्या का प्रदर्शन करने के लिए हटा दिया। –

1

इस प्रयास करें::

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