टेबल के बजाय सीएसएस फॉर्म 2011

Question

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

मैं फॉर्म स्टाइल के लिए सीएसएस पर वापस जाने के बारे में सोच रहा हूं; मुझे नहीं पता:

1. चाहे यह शीर्ष पर या क्षेत्र के बाईं ओर कैप्शन रखने के लिए अधिक उपयोगी हो।
2. चीजों को कैसे शैलीबद्ध करें ताकि वे कुछ आसन्न फॉर्म तत्वों के साथ भी अच्छी तरह से जगह बना सकें।

संदर्भ? क्या यह अभी भी एक पाइप सपना है?

Answer 1

कुछ सीएसएस टेम्पलेट्स विशेष रूप से फ़ॉर्म डालने के लिए डिज़ाइन किए गए हैं।

• vessess.com
• Uni-form

मुझे आशा है कि इस मदद करता है एक उत्पादक और भयानक दिशा में इशारा करते हैं। ध्यान रखें।

Answer 2

नहीं, यह बहुत संभव है, और मैं (और कई अन्य) वर्षों से ऐसा कर रहे हैं।

float: (left|right) और display: (inline|inline-block) पर देखें।

Answer 3

आपका मतलब यह है?

असल में हम बनाने के एक pseudotable

.mxrow { 
clear: both; 
width: 100%; 
height: 50px; 
} 


.mxcell { 
float: left; 
padding-top: 10px; 
padding-bottom: 10px; 
height: 26px; 
} 

.mxcell_firstcell{ 
width: 25%; 
} 

और मार्कअप

<div class = "mxrow"> 
    <div class = "mxcell mxcell_firstcell"><input element /></div> 
    <div class = "mxcell mxcell_secondcell"><another form element/></div> 
</div> 

व्यक्ति सेल classnames विशिष्ट सीएसएस लागू करने के लिए की सेवा होगी (मेरी मार्कअप एक ग्रिड है)

Answer 4

अन्य लोग आपको कुछ मान्य सुझाव देते हैं आयनों ... यदि आपको अभी भी समस्याएं हैं तो आप फ़ॉर्मू जैसे फॉर्म सीएसएस फ्रेमवर्क को आजमा सकते हैं ... http://www.formee.org/