2009-02-20 15 views
68

मेरे पास कॉलम के कई समूहों के साथ एक टेबल है। तालिका मेरे पृष्ठ से बड़ी है, इसलिए मेरे पास पृष्ठ पर फ़िट होने के लिए इनमें से कुछ समूहों को दिखाने/छिपाने का नियंत्रण है। प्रारंभिक तालिका अच्छी लगती है: सभी कॉलम समूह के भीतर समान चौड़ाई के बारे में हैं। लेकिन जब मैं एक समूह को छुपाता हूं, तो स्तंभ अब समान चौड़ाई नहीं होते हैं, और यह बुरा लगता है।एचटीएमएल टेबल: कॉलम के लिए समान चौड़ाई रखें

उदाहरण: http://www.reviews-web-hosting.com/companies/apollohosting.html (टूटी हुई लिंक)

अब तक, टेबल ठीक लग रहा है। >> पर क्लिक करें। "ईकॉमर्स प्रो" के तहत पहला कॉलम "ईकॉमर्स प्रो" के तहत अन्य कॉलम की तुलना में काफी व्यापक है, यह अजीब लगता है। < < पर क्लिक करें, इस बार "वैल्यू" के तहत पहला कॉलम बहुत व्यापक है। कम से कम फ़ायरफ़ॉक्स पर।

मैं

<colgroup><col /><col span="5" />... 

लेकिन कोई भाग्य उपयोग करने के लिए कोशिश की है। अगर मैं शैली में एक कॉल सेट करता हूं = "डिस्प्ले: कोई नहीं", कॉलम का सेट अभी भी प्रदर्शित होता है।

किसी भी एचटीएमएल/सीएसएस टिप को कॉलम को एक समूह के साथ समान चौड़ाई के साथ रखने के लिए?

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

  • किसी स्तंभ को छिपाने के लिए, मैं दृश्यता का उपयोग करना होगा: पतन
  • यह अब अच्छी तरह से आकार बदलने जा रहा है, मैं नहीं जानता कि क्यों
+0

प्रमाणीकरण संवाद मुझे साइट का उपयोग करने से रोकता है। –

+0

यह केवल मुझे कुछ छवियों को देखने से रोकता है। –

+0

यह एक गलत है। Htaccess जो छवियों/साइटों के अंतर्गत छवियों को प्राप्त करने के लिए प्रमाणित करने के लिए कह रहा है। मैं इसे आज रात ठीक कर दूंगा। मैं अभी भी साइट बनाने पर काम कर रहा हूं। – Julien

उत्तर

176

यदि आप अपनी तालिका में शैली सेट करते हैं, तो आप ब्राउज़र के स्वचालित कॉलम आकार बदलने को ओवरराइड कर सकते हैं। तब ब्राउज़र तालिका की पहली पंक्ति में कक्षों की चौड़ाई के आधार पर कॉलम चौड़ाई निर्धारित करेगा। अपने <thead> को <caption> पर बदलें और इसके अंदर <td> हटाएं, और फिर <tbody> में सेल्स के लिए निश्चित चौड़ाई निर्धारित करें।

+0

+1 छुपाएं/दिखाएं क्योंकि कोशिकाओं की संख्या कैनज हो सकती है: इस उत्तर ने मुझे केवल पांच मिनट पहले किसी समस्या के साथ मदद की। – banjollity

+10

'टेबल-लेआउट: फिक्स्ड;' जोड़ने का एकल संशोधन मेरे लिए एक ही समस्या हल (एफएफओक्स 11)। – heltonbiker

+10

यदि आपको सेल चौड़ाई सेट करने की आवश्यकता है तो तालिका लेआउट का उपयोग करने का क्या मतलब है? – jokoon

0

में अपने मामला है, जब से तुम केवल 3 कॉलम दिखा रहे हैं:

Name Value  Business 
    or 
Name Business Ecommerce Pro 

क्यों 33.3% की चौड़ाई रखने के लिए सभी 3 सेट नहीं करें। चूंकि केवल 3 ही एक बार में दिखाए जाते हैं, ब्राउज़र उन्हें समान समान चौड़ाई प्रदान करना चाहिए।

+4

अलग-अलग कॉलम – Julien

0

अच्छी तरह से, आप टेबल (स्क्वायरबार से छुटकारा पाएं) और तालिका को निचोड़ क्यों नहीं करते हैं, तो यह शो/छुपा प्रभाव के बिना है? यह अब मेरे लिए अजीब लग रहा है। टेबल बहुत मजबूत है।
अन्यथा मुझे लगता है कि स्कुनलिफ़ के सुझाव को यह करना चाहिए। या यदि आप चाहें, तो आप केवल तालिका की सटीक चौड़ाई निर्धारित कर सकते हैं और तालिका कक्षों के लिए प्रतिशत या पिक्सेल चौड़ाई सेट कर सकते हैं।

+0

कुछ टेबल बहुत बड़े हैं, साइड बार के बिना ईवेंट। – Julien

14

इस शैली को टीडी: चौड़ाई: 1% दें;

+0

यह प्रश्न का उत्तर नहीं प्रदान करता है। किसी लेखक से स्पष्टीकरण की आलोचना या अनुरोध करने के लिए, अपनी पोस्ट के नीचे एक टिप्पणी छोड़ दें। – Werner

+4

उसने मेरे मामले के लिए काम किया है, अन्यथा मैं इसे पोस्ट नहीं करूंगा! –

+1

पोस्ट टोन के लिए धन्यवाद, वही किया जो मैं चाहता था – Ian

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