टेबल के साथ फ़ील्डसेट्स। उन्हें एक ही पंक्ति में कैसे रखा जाए?

Question

मुझे आंशिक दृश्य रूप में एक ही पंक्ति पर दो <fieldset> ऑब्जेक्ट्स को संरेखित करने की आवश्यकता है। मैं जो कुछ भी करता हूं वह कुछ भी मदद नहीं करता है। बाईं तरफ उन्हें फ़्लोट करने की कोशिश कर रहे, दाईं ओर, चौड़ाई को कम करने की कोशिश की, display:inline विकल्प का प्रयास किया।

टेबल के बिना यह काम करता है। उनके साथ - नहीं करता है।

यूपीडी: या यह क्यूटीआईपी के साथ कुछ करने के लिए हो सकता है जिसके भीतर मैं उन्हें रखने की कोशिश कर रहा हूं।

Answer 1

यह टैब्यूलर डेटा नहीं है, तो आप एक टेबल का उपयोग क्यों कर रहे हैं?

लेबल और इनपुट का उचित उपयोग करके अच्छे दिखने वाले फ़ील्ड बनाने के लिए कई सीएसएस फ़ील्ड उदाहरण हैं। (http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html और http://www.sitepoint.com/fancy-form-design-css-4/ देखें दो त्वरित उदाहरण के लिए)

आप तो दो fieldsets क्षैतिज व्यवस्था की करना चाहते हैं, तो आप उपयोग कर सकते हैं display: inline-block

Answer 2

fieldset तालिकाओं के साथ काम करता है। तालिका टैग में किसी भी शैली भाग को हटा दें। इस उदाहरण का प्रयास करें। इससे मेरा काम बनता है।

<fieldset id="fieldset3" style="padding:20px;top:230px; position: absolute;"> 
<legend>Search Results</legend> 
<form> 
    <table id="EmployeeDetails" border="1" cellpadding="3%"> 
    <tr> 
     <th>Name</th> 
     <th>Case Status</th> 
     <th>Click here to View </th> 
    </tr> 
    <tr> 
     <td>Dinesh</td> 
     <td>Occupied</td> 
     <td><button type="submit" id="Search">Search</button></td> 
    </tr> 
</table> 
</form> 
</fieldset>