2012-01-21 12 views
12

मैं अपनी तालिका के लिए सेल-स्पेसिंग और सेल-पैडिंग सेट करने के लिए CSS3 का उपयोग करने की कोशिश कर रहा हूं क्योंकि HTML5 इन विशेषताओं का समर्थन नहीं करता है।एचटीएमएल 5 पर सेलपैडिंग और सेलस्पेसिंग का उपयोग कैसे करें?

मुझे इंटरनेट पर कई संसाधन मिलते हैं, कहते हैं कि आपको सीएसएस का उपयोग करके सीमा-दूरी और पैडिंग का उपयोग करना चाहिए।

Unfo। मैंने इन सभी चालों की कोशिश की, लेकिन ऐसा लगता है कि कोई भी चीज़ बदल नहीं रही है। अंतर बहुत महत्वपूर्ण है क्योंकि तालिका के विभिन्न सेल पर छवि संरचना शामिल है।

तो अब मैं इसे कैसे हल कर सकता हूं? plz आपकी मदद

#SearchTable 
{ 
    border-collapse: collapse; 
    padding:0px 0px 0px 0px; 
} 

#SearchTable td 
{ 
    padding:0; 
    border-spacing:0px 0px; 
} 
+0

यह काम करना चाहिए। यह देखने के लिए कि यह आपके मामले में क्यों काम नहीं कर रहा है, पूर्ण HTML मार्कअप और सीएसएस की आवश्यकता है। – Jawad

+0

मैं तालिका और समस्या को छोड़कर हर चीज़ को हटा देता हूं! – Hatem

+0

क्या आप उचित HTML 5 doctype का उपयोग कर रहे हैं? – ryankeairns

उत्तर

4

जरूरत है आप मेज पर id=SearchTable सेट नहीं किया है, या आप कुछ अन्य स्टाइलशीट नियम है कि जो आपके द्वारा निर्दिष्ट ओवरराइड है। इस प्रकार, आपके द्वारा पोस्ट किए गए नियम प्रभाव के लिए पर्याप्त से अधिक हैं; आपको केवल

#SearchTable 
{ 
    border-collapse: collapse; 
} 

#SearchTable td 
{ 
    padding:0; 
} 

(जो पहले से ही सीएसएस 2 में हैं) की आवश्यकता है।

+0

दरअसल मैंने उन शैलियों को केवल (केवल) रखा है और मैंने टेबल आईडी के बारे में सुनिश्चित किया है, तो? :( – Hatem

+0

फिर अपना पूरा दस्तावेज़ या उसके यूआरएल पोस्ट करें, और निर्दिष्ट करें कि आपने किस ब्राउजर को परीक्षण किया है। (मेरा अनुमान है कि आपके पास सेल में छवियां हैं ताकि आप छवि पैडिंग देख रहे हों।) –

+0

यह पृष्ठ यूआरएल है : http://www.clickrose.com/search.html – Hatem

20

cellspacing के लिए: मेज पर

  1. सेट सीमा-रिक्ति, टीडी पर नहीं।
  2. अलग करने के लिए सीमा-पतन सेट करें।
#SearchTable { 
    border-collapse: separate; 
    border-spacing: 8px; 
} 
+2

मैं आपको सही जवाब के रूप में चिह्नित करने की हिम्मत करता हूं। जारी रखें। आप जानते है आप जानना चाहते हैं। –

0

आप इस तरह यह सेट करना होगा। यह मेरे लिए काम किया।

#SearchTable { 
    border-spacing:2px 2px; 
    border-collapse:separate; 
} 

#SearchTable td { 
    border:1px solid black; 
} 
संबंधित मुद्दे