2008-09-14 24 views
52

मुझे पता है कि टेबल टैब्यूलर डेटा के लिए हैं, लेकिन यह लेआउट के लिए उनका उपयोग करने के लिए बहुत मोहक है। मैं तीन कॉलम लेआउट प्राप्त करने के लिए डीआईवी को संभाल सकता हूं, लेकिन जब आपको 4 नेस्टेड डीवीवी मिलती है, तो यह मुश्किल हो जाती है।डीआईवी बनाम टेबल्स या सीएसएस बनाम बेवकूफ

क्या लेआउट के लिए डीआईवी का उपयोग करने के लिए मुझे मनाने के लिए वहां कोई ट्यूटोरियल/संदर्भ है?

मैं डीआईवी का उपयोग करना चाहता हूं, लेकिन मैं अपने डीवी/स्पैन को स्थान देने के लिए एक घंटे बिताने से इनकार करता हूं जहां मैं इसे चाहता हूं।

@GaryF: Blueprint CSS सीएसएस का सबसे अच्छा गुप्त रहस्य होना चाहिए।

ग्रेट टूल - Blueprint Grid CSS Generator

+0

क्या आपको 4 कॉलम लेआउट के लिए सीएसएस और एचटीएमएल की आवश्यकता है? यदि आप मुझे बताते हैं, तो मेरे पास पहले से ही यह है। – Mauro

+0

@Mauro: मैं 4 कॉलम लेआउट के बारे में बात नहीं कर रहा था, मेरा मतलब था गहरी डीआईवी घोंसले –

+1

आपको पता होना चाहिए कि ब्लूप्रिंट के आसपास एक निश्चित डिग्री है: http://jeffcroft.com/blog/2007/nov/17/whats-not-love-about-css-frameworks/ http://jeffcroft.com/blog/2007/nov/18/follow-up-css-frameworks/ बस कुछ पता होना चाहिए। :) –

उत्तर

1

यह अनुपयोगी हो सकता है लेकिन मैं किसी भी तरह से सीएसएस से संबंधित इन सभी समस्याओं को समझ नहीं पा रहा हूं। यदि एक समाचार पत्र डिजाइनर विज्ञापन पृष्ठ में एक फिल्म को एम्बेड करने का प्रयास करेगा, तो सभी सहमत होंगे कि वह थोड़ा पागल है। लेकिन फिर भी वे लोग HTML में तीन कॉलम लेआउट के बाद पाइन करते हैं। एचटीएमएल इस समय इस तरह के लेआउट को अच्छी तरह से संभालने के लिए उपयुक्त नहीं है। इसके अलावा, बहु-कॉलम लेआउट आमतौर पर कंप्यूटर मॉनीटर पर पढ़ने के लिए वास्तव में उपयुक्त नहीं होते हैं। क्या पर्याप्त व्यवहार्य विकल्प नहीं हैं?

और वैसे भी, टेबल भी एक धाराप्रवाह कॉलम लेआउट को लागू करने का एक अच्छा तरीका प्रदान नहीं करते हैं, इसलिए इस तरह के हैक्स का सहारा लेने का कोई कारण नहीं है। आधे रास्ते के आधुनिक ब्राउज़र (यानी> एमएसआईई 6) मानते हुए, टेबल स्वच्छ एचटीएमएल + सीएसएस पर कोई लाभ नहीं देते हैं जो मुझे पता है।

+1

एचटीएमएल को छोड़कर इसे संभाल सकता है। इसे संभाल नहीं सकता सीएसएस है। –

+1

क्या आप अधिक विशिष्ट हो सकते हैं? वास्तव में सीएसएस संभाल नहीं कर सकते हैं? –

+1

कोनराड ने "तीन कॉलम लेआउट" का उल्लेख एचटीएमएल में हासिल नहीं किया जा सकता है। टेबल्स इसे आसानी से प्राप्त करते हैं। यह 100% ऊंचाई तत्वों और लंबवत संरेखण के साथ एक समान कहानी है। सीएसएस इन परिस्थितियों में कड़ी मेहनत कर रहा है और मानक काम करने के बजाय लोगों को कैसे काम करता है, वे डिजाइन की आलोचना करते हैं। –

23

Yahoo Grid CSS है जो सभी प्रकार की चीजें कर सकता है।

लेकिन याद रखें: सीएसएस एक धर्म नहीं है। यदि आप सीएसएस के बजाय टेबल का उपयोग करके घंटे बचाते हैं, तो ऐसा करें।

कोने के मामलों में से एक मैं अपने दिमाग को कभी भी रूपों के बारे में नहीं बना सकता। मुझे इसे सीएसएस में करना अच्छा लगेगा, लेकिन यह टेबल की तुलना में बस इतना जटिल है।

आप यह भी तर्क दे सकते हैं कि फॉर्म टेबल हैं, जिसमें उनके पास हेडर (लेबल) और डेटा (इनपुट फ़ील्ड) हैं।

+2

कड़ाई से बोलते हुए, एक फॉर्म (लगभग) कभी भी एक टेबल नहीं है। डेटा के लिए कॉलम शीर्षक क्या होगा - "इनपुट फ़ील्ड"? उस तर्क से, आप दावा कर सकते हैं कि कुछ भी एक टेबल है: अनुच्छेद एक एकल-सेल वाली तालिका है ... फ़ॉर्म समर्थन बहुत बुरा है, मुख्य रूप से क्योंकि ब्राउज़र निर्माता –

+0

पर असहमत हैं, मैं तर्क दूंगा कि लेबल हेडर हैं। एक क्षैतिज व्यवस्था IIRC –

+1

ठीक निर्दिष्ट करने के लिए भी एक तर्क है, लेकिन शीर्षकों की एक पंक्ति और डेटा की एक पंक्ति के साथ डेटा का एक सेट तालिका के मुकाबले परिभाषा सूची के करीब है। –

1

मैं बस तालिका का उपयोग करूंगा।

मेरे अनुभव में, लेआउट के लिए एक टेबल का उपयोग करना सभी ब्राउज़रों में समान काम करेगा और सीएसएस नहीं होगा (विशेष रूप से यदि आप आईई 6 का समर्थन करने की कोशिश कर रहे हैं)। सीएसएस में काम करने के लिए लेआउट प्राप्त करने के लिए यह कोडिंग के घंटों और घंटों के लायक नहीं है जब इसे तालिका का उपयोग करके 10 मिनट में किया जा सकता है।

तालिकाओं का उपयोग करने का दूसरा लाभ यह है कि आपका लेआउट सामग्री को बहुत आसानी से गतिशील रूप से आकार दे सकता है। सीएसएस के साथ ऐसा करने की कोशिश करना एक बड़ा दुःस्वप्न है।

1

मुझे लगता है कि सीएसएस के लिए बहुत सी सीमाएं हैं जो बस संकेत देते हैं कि विनिर्देश डिजाइनर जीवित रहने के लिए वेबसाइट नहीं बनाते हैं।

यदि आप सीएसएस में इसे आसान नहीं कर सकते हैं तो HTML टेबल का उपयोग करें।

यह कहकर कि, कुछ ढांचे में मदद मिलती है और यदि आप इसे प्रबंधित कर सकते हैं तो यह हमेशा सीएसएस में करना अच्छा लगता है।

6

मेरी राय में, पूर्वाग्रह IE6 से अधिक सीएसएस के पक्ष में होना चाहिए - जब तक कि वहाँ एक पागलपन की हद तक अच्छा कारण नहीं है यानी (जैसे आपकी साइट IE6, जो अजीब होगा इस्तेमाल करने वाले लोगों पर ही निशाना बनाया जाता है), यह बेहतर करने के लिए ' गरीब दृष्टि और/या स्वचालित उपयोगकर्ता एजेंटों के बजाय आईई 6 का उपयोग कर लोगों को अलग करें।आईई 6 का उपयोग घट रहा है; बाद वाला समूह संख्या में बढ़ रहा है। यहां तक ​​कि यदि आपकी साइट आईई 6 में सही नहीं दिखती है, तो शायद उन उपयोगकर्ताओं के लिए टेबल-आधारित लेआउट की तुलना में इसे पढ़ना आसान होगा जो इसे नहीं देख सकते हैं।

यह एक बहुत ही सामान्य सवाल है, इसलिए विनिर्देशों के साथ जवाब देना मुश्किल है। दो पुस्तकों कि उत्कृष्ट संसाधन हैं कर रहे हैं:

आप केवल अपने समग्र साइट लेआउट डिजाइन करने के लिए एक घंटे खर्च करने के लिए है, तो उस के लिए जा रहा बुरा नहीं है ।

16

ब्रिटेन और अमेरिका में टेबल्स पर सीएसएस लेआउट का पक्ष लेने के लिए कानूनी आवश्यकता है। धारा 508 (यूएस) और विकलांगता भेदभाव अधिनियम (यूके) दोनों सीमित दृष्टि वाले उपयोगकर्ताओं के लिए पहुंच पहुंच मानकों को कवर करते हैं।

यूके में कानून वास्तव में एक ऐसी साइट का उत्पादन करने के लिए अवैध बना देता है जो आंशिक रूप से दृष्टि वाले उपयोगकर्ता की क्षमता को बाधित करता है, जिस तरह से अब प्रवेश करने के लिए एक कदम रखने के लिए अवैध है यह और व्हीलचेयर उपयोगकर्ता के अंदर आने का कोई तरीका नहीं - स्वीकार्य रूप से वेबसाइट पहुंच पर अभी तक कोई मुकदमा नहीं हुआ है। हालांकि मैं हमेशा सीएसएस के साथ जाऊंगा क्योंकि इसका मतलब है कि आपकी साइट डिज़ाइन लंबी अवधि में बनाए रखना इतना आसान है।

सीखने सीएसएस में समय निवेश (मैं W3C स्कूलों और नेट पत्रिका http://www.netmag.co.uk प्रयुक्त) बंद का भुगतान करेगा।

+1

जर्मनी में भी यही सच है - लेकिन केवल संघीय कार्यालय की वेबसाइटों के लिए। –

10
+0

मैंने इसे कुछ समय पहले देखा था, इसे एक प्रश्न में लिंक करना चाहता था, लेकिन इसे –

+0

नहीं मिला और 2003 में सेबॉल्ड के लिए सोचने के लिए और लोग अभी भी टेबल के लिए बहस कर रहे हैं! –

5

सीएसएस एक धर्म नहीं हो सकता है, लेकिन ब्राउज़र ब्राउज़र के लिए एचटीएमएल की व्याख्या कैसे करता है। इसकी तरह या नहीं, सभी आधुनिक ब्राउज़र डब्ल्यू 3 सी बॉक्स मॉडल का उपयोग करते हैं (कुछ संस्करण)। टेबल पर भरोसा करना जारी रखने के लिए एक पद्धति पर भरोसा करना जारी है जो वेब प्रतिपादन तकनीक तैयार करने वाले लोगों की आंखों में सिर्फ सादा गलत है।

मैं जानता हूँ कि सीएसएस समय पर बहुत जटिल लग सकता है, लेकिन मेरा मानना ​​है कि यह इस दिन और उम्र में एक आवश्यकता है (मुझ पर भरोसा, अपने ग्राहकों यह चाहते करने जा रहे हैं)।

यदि आप समय लेने में सहज महसूस नहीं करते हैं तो वास्तव में सीएसएस सीखते हैं (इसलिए आपको तत्वों की स्थिति में सेकंड या मिनट लगते हैं ... एक घंटे नहीं), तो आपको लेआउट कार्य को किसी ऐसे व्यक्ति को पास करना होगा जो वास्तव में जानता है फ्रंट एंड जानता है।

हाँ, वहाँ सीएसएस के मौजूदा ब्राउज़र कार्यान्वयन के साथ समस्याओं का एक बहुत कुछ है, लेकिन इतना कठोर कि आप कभी भी तालिका आधारित लेआउट पर लौटने की जरूरत महसूस करना चाहिए कुछ भी नहीं कर रहे हैं। बस बैठ जाओ और इसे सीखने के लिए समय लें, जैसे कि आप कोई अन्य भाषा या ढांचा चाहते हैं।

सबसे अच्छा ऑनलाइन संदर्भ संसाधन मैंने पाया यह एक है: http://reference.sitepoint.com/css

लेकिन यह Designing With Web Standards की तरह एक किताब है जो आप की मदद करने में एक लंबा रास्ता चला जाता है समझने के लिए को देखने के लिए क्यों इस चीज महत्वपूर्ण है चोट नहीं हो सकता है ।

4

मैं भी सोच रहा था खाका महान जब तक मैं YAML देखा (अभी तक एक और एकाधिक लेआउट) था। एक online builder tool है जो शानदार है। मैं 5 मिनट के भीतर एक शानदार दिखने वाले बहुआयामी लेआउट प्राप्त कर सकता हूं।

1

A List Apart अर्थात् HTML का उपयोग करने के लिए एक महान संदर्भ है, Holy Grail article शायद सबसे अच्छे उदाहरणों में से एक है। इसके अलावा, विषय पर कुछ प्रेरणा के लिए CSS Zen Garden देखें या डेव शीया की उत्कृष्ट पुस्तक "द जेन ऑफ़ सीएसएस डिज़ाइन" पढ़ें।

1

आप लेआउट के लिए सीएसएस का उपयोग करते हैं क्योंकि न केवल यह अर्थात् सही है बल्कि टेबलों में कई कमियां हैं।

टेबल्स पहुंच के लिए भयानक हैं क्योंकि वे लगभग सभी स्क्रीन पाठकों को तोड़ते हैं, जो बदले में टेबल को पढ़ने के तरीके के कारण दृष्टिहीन रूप से खराब बेकार जानकारी देता है।

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

क्या आपके पास हैशपैप होने पर शब्दकोश को संग्रहीत करने के लिए एक सरणी का उपयोग किया जाएगा? नहीं। और जब आप कुछ बेहतर काम करते हैं तो आपको टेबल का उपयोग नहीं करना चाहिए।

2

थोड़ी देर बाद आप इसके बारे में भी नहीं सोचते हैं। सीएसएस के साथ divs का उपयोग करना आसान विकल्प इमो की तरह लगता है। इसके अलावा, jQuery जैसे ढांचे का उपयोग करते समय आपके पास अधिक स्वतंत्रता है। मैं सीएसएस या divs का उपयोग किए बिना कुछ शांत jQuery सामान करने की कल्पना नहीं कर सका। यदि आप स्टाइल और लेआउट के लिए टेबल का उपयोग करते हैं तो मुझे लगता है कि आप कई नई तकनीकों से चूक जाते हैं और 90 के दशक में फंस जाते हैं।

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