html
  • css
  • css-tables
  • 2010-12-17 4 views 5 likes 
    5

    यहां मेरा कोड है:Div का उपयोग कर तालिका जैसे फॉर्म को संरेखित कैसे करें?

    <div> 
        <label>Name</label><input type="text" id='name'/><br /> 
        <label>Email</label><input type="text" id='email'/><br /> 
        <label>Place</label><input type="text" id='place'/><br /> 
    </div> 
    

    मैं सीएसएस के लिए नया हूं, मैं नहीं चाहता कि तालिका गठबंधन हो, लेकिन पूर्णता समान होनी चाहिए, और व्यक्तिगत तत्वों को शैली लागू नहीं करना चाहती। किसी भी मदद की सराहना की है।

    +0

    एक मेज का प्रयोग क्यों नहीं: यहाँ त्वरित सीएसएस कोड है? इस तरह का एक फॉर्म तालिका के सही उपयोग का एक प्रमुख उदाहरण है। – RoToRa

    +2

    सहमत नहीं है। सारणी सारणी डेटा के लिए है। फॉर्म में से एक नहीं है। – Lex

    +0

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

    उत्तर

    7

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

    form { 
    width: 500px; 
    overflow:hidden;} 
    
    label { 
    clear: both; 
    float: left; 
    width: 40%;} 
    
    input { 
    float: left; 
    width: 55%;} 
    

    मुझे लगता है कि काम करना चाहिए :)

    +0

    thnx..it के अंदर काम नहीं कर रहा है :) – illuminatus

    +0

    कोई जांच नहीं - खुशी हुई यह काम किया :) –

    +0

    लेकिन..i मैं jquery slidedown चीज में ऐसा करने की कोशिश कर रहा हूँ .. इसके लिए यह काम नहीं कर रहा है ..? – illuminatus

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