कॉलस्पेन

का उपयोग करते समय डबल बिंदीदार सीमा मेरे पास एक साधारण समस्या की तरह लगता है, लेकिन नेट की खोज से कोई परिणाम नहीं मिला है।कॉलस्पेन

मैं एक मेज

<table> 
    <tr> 
     <td colspan="3"> 
      <img src="something.png" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Hello 
     </td> 
     <td> 
      World 
     </td> 
     <td> 
      ! 
     </td> 
    </tr> 
</table>

<tr> तत्वों सभी border-top: dotted 1px black है है, यह दूसरा <tr> में केंद्रीय <td> तत्व से ठीक अलग काम करता है।

इस तत्व की एक डबल सीमा है और इसलिए एक ठोस रेखा के रूप में दिखाई देता है, colspan को हटाकर समस्या को हल करता है।

मैं मेज पर border-collapse: collapse लागू करने की कोशिश की है और यह काम नहीं किया है, मैं पहले <td> एक छवि के बजाय अंदर   के रूप में सामग्री जोड़ने की कोशिश की है और यह या तो काम नहीं किया है।

कोई भी विचार किसी को भी?

स्रोत

2011-10-11 Jake N

टेबल भी सीमा है है? तालिका सीमा को किसी के रूप में सेट करने का प्रयास करें। – punit

'की कोई सीमा नहीं है और'

की कोई सीमा नहीं है। –

आप कौन से ब्राउज़र देख रहे हैं? मैं इसे फ़ायरफ़ॉक्स 7.0.1 चलाने वाले jsfiddle में नहीं प्राप्त कर रहा हूं: http://jsfiddle.net/yePHg/ – Pat

उत्तर

अपनी तालिका में border-collapse: separate; जोड़ना समस्या ठीक होती है, को देखने के http://jsfiddle.net/quyMy/

मैं एक गतिशील परीक्षण का मामला जोड़ दिया है उस पहेली के लिए। कहीं भी क्लिक करें, और मूल/नई तालिका की दृश्यता टॉगल करेगी, जिससे आप अंतर को और अधिक आसान देख सकेंगे।

अप्रत्याशित सीमा से छुटकारा पाने का एक और तरीका <td colspan=3> युक्त पंक्ति के बाद एक सादा <tr></tr> जोड़ना है।

स्रोत

2011-10-22 14:26:52

अभी तक कोई ठोस जवाब नहीं है रॉब डब्ल्यू। तो, आप जीत गए! –

इसने मुझे कुछ चक्र बचाए। धन्यवाद! – Hcabnettek

यदि आप तालिका पंक्तियों के बजाय तालिका कक्षों पर सीमा निर्धारित करते हैं, तो यह काम करेगा।

मैं केवल आईई में बग को पुन: उत्पन्न कर सकता हूं, लेकिन अन्य ज्ञात समस्याएं हैं जिनसे आईई में तालिकाओं की सीमाएं होती हैं।

इस देखें: http://jsfiddle.net/yePHg/19/

स्रोत

2011-10-12 22:19:13 Victor

धन्यवाद विक्टर, मुझे यकीन है कि मैंने यह कोशिश की है। मैं दुबारा कोशिश करूँगा। –

कोशिश इस सीएसएस जोड़ने के लिए:

<style> 
table, table * { border:0; padding:0; margin:0 } 
table td { border-top:1px dotted #000 } 
</style>

स्रोत

2011-10-22 11:57:17 bogdanmogo

जो < घंटे के साथ एक पंक्ति जोड़ें /> और फिर उस घंटा

http://jsfiddle.net/Y5Gec/

स्रोत

2011-10-27 11:28:51 HerrSerker

बॉक्स के सम्मानजनक फिक्स के बाहर upvoted। दिलचस्प दृष्टिकोण। – Hcabnettek

टीआर पर सीएसएस display: block; लागू करने का प्रयास करने के लिए सीमा दे:

 
    tr 
    { 
     border-top: 1px dotted #000; 
     display: block; 
    }

स्रोत

2011-10-28 06:59:44 ambay

मैं इस एक ही समस्या मारा !

border-collapse: separate

बहुत अच्छा काम किया, लेकिन यह मेरी सीमाओं को भी अलग करता है (शॉकर, दाएं?)। मैं एक सिंगल बिंदीदार लाइन चाहता था। तो यहाँ मैंने क्या किया है।

सीएसएस:

td { 
border-right: 1px dotted #bbb; 
border-left: 1px dotted #bbb; 
border-bottom: 1px dotted #bbb; 
border-top: none; 
padding: .5em; 
} 

th { 
border-right: 1px dotted #bbb; 
border-left: 1px dotted #bbb; 
border-top: 1px dotted #bbb; 
border-top: 1px solid #bbb; 
padding: .5em; 
}

एचटीएमएल

<table border="1"> 
    <tr> 
     <th colspan="5"> DRESSES &amp; TOPS </th> 
    </tr> 
    <tr> 
     <td> size </td> 
     <td> numerical </td> 
     <td> bust </td> 
     <td> waist </td> 
     <td> hip< </td> 
    </tr> 
</table>

स्रोत

2012-06-13 20:29:30

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