html - How to position this using only CSS and no tables -


मैं इस HTML स्निपेट की स्थिति बनाना चाहता हूं

  & lt; div id = "d1" & gt; ; & Lt; div id = "D1.1" & gt; हैडर टेक्स्ट & lt; / div & gt; & Lt; div id = "D1.2" & gt; & Lt; इनपुट आईडी = "से" name = "से" value = "" / & gt; & Lt; / div & gt; & Lt; div id = "D1.3" & gt; & Lt; इनपुट आईडी = "से" नाम = "से" मान = "" / & gt; & Lt; / div & gt; & Lt; / div & gt;  

इस तरह

  + - (डी 1) ---------------------- -------------------------------------------------- - + | + - (डी 1.1) --------------------------- ++ - (डी 1.2) ----- -------- ++ - (D1.3) ----------- + | || || + - (से) ------- + || + - (करने के लिए) --------- + || || हेडर टेक्स्ट || से | ||| करने के लिए | ||| || || + -------------- + || + -------------- + || | + ---------------------------------- ++ ------------ -------- ++ ------------------ + | + ------------------------------------------------- ----------------------------- +  

सीएसएस का उपयोग

जिन चीज़ों की मुझे ज़रूरत है:

  • डी 1.1 को गठबंधन छोड़ दिया जाना चाहिए और डी 1.2 वाई डी 1.3 को केवल उन्हें आवश्यक जगह लेनी होगी और सही गठबंधन होना चाहिए।
  • यहां तक ​​कि हालांकि मैं यहां D1.1 की चौड़ाई का प्रतिनिधित्व करता हूं, शेष सभी क्षैतिज स्थान लेने के लिए, ऐसा करने की आवश्यकता नहीं है।
  • डी 1 को डी 1.1, डी 1.2, डी 1.3 को पूरी तरह से खड़ी करना चाहिए। । <
  • क्या यह सब केवल सीएसएस और कोई टेबल का उपयोग करके करना संभव है? कैसे

यांको ,

आपके आईडी नामों में उनके पास समय है और यह सीएसएस में एक समस्या है क्योंकि अवधि आरक्षित है। सबसे अच्छी बात आरक्षित वर्णों के नामों का उपयोग नहीं करना है, लेकिन अगर आपको उन्हें रखना होगा, तो आपको

 # D1 {पृष्ठभूमि रंग: सोना; पैडिंग: 10px; अतिप्रवाह: स्वतः; 

} # डी 1 \ .1, # डी 1 \ .2, # डी 1 \ .3 {फ्लोट: बाएं; पैडिंग: 10 पीएक्स;}

यदि आपको ओवरफ्लो प्रॉपर्टी को समझने में सहायता की आवश्यकता है, तो यहां एक बात है। < / P>

===


Comments

Popular posts from this blog

Eclipse CDT variable colors in editor -

AJAX doesn't send POST query -

wpf - Custom Message Box Advice -