एचटीएमएल | आईटी व्यक्त

2010 4 मार्च 2010

पाठ के साथ संरेखित रेडियो बटन

चूंकि रेडियो बटन और पाठ इनलाइन हैं, ताकि पाठ ही रेडियो बटन के नीचे करने के लिए पंक्ति में होगा, पाठ के लिए रेडियो बटन के तहत थोड़ा दिखाई देगा.
यदि आप इन शीर्ष पर संरेखित करने के लिए चाहते हैं, तो आप के लिए से divs या spans (उचित के रूप में) की तरह अलग कंटेनर में रेडियो और पाठ जगह है और वे संरेखण का ख्याल रखना होगा. तालिका कक्षों भी उपयोग, के अपने डिजाइन संक्षिप्त परमिट आसान हो जाएगा.

यह वही हर ब्राउज़र में नहीं लग रहे, हर ब्राउज़र के रूप में रेडियो थोड़ा अलग प्रदर्शित करता है, इसलिए वहाँ हमेशा के लिए आकार मुद्दों पर कोई फर्क नहीं पड़ता कि तुम क्या करते हो जा रहा है.

कोई टिप्पणी नहीं | में तैनात ब्राउज़र Quirks , HTML

2010 8 Jan 2010

HTML5 क्या लाएगा?

HTML5 अभी भी एक मसौदा है. जैसा कि मैंने लिखना, HTML 5, जो 2004 में शुरू किया पर काम है, अभी भी बीच एक संयुक्त प्रयास के द्वारा किया जा रहा है आकार दिया W3C HTML विंग और WHATWG के के . शब्द है कि अगले जनरल HTML संवर्द्धन और सुविधाओं, होगा जो नई संरचना और अर्थ विज्ञान, प्रपत्र नियंत्रण, एपीआई, मल्टीमीडिया टैग आदि.

सरल अंग्रेजी में है ... यह हमें यूआई डेवलपर्स के लिए क्या मतलब होगा ...

वहाँ कुछ अर्थात संरचनात्मक टैग का के अलावा होगा. <article>, <section>, <header>, <aside>, और <nav>, जो बहुमत <div> है एक वेब पेज पर इस्तेमाल किया बदलने के लिए, अपने पृष्ठों एक थोड़ा और अधिक अर्थ लेकिन अधिक महत्वपूर्ण बात यह आसान है, पढ़ने के लिए.
अरे! बस प्रयास है कि एक लापता करीब DIV टैग खोजने में बच कल्पना.
जैसे

  <body>
   <header> ... <हैडर />
   <nav> ... <नव />
   <article>
     <section>
       ...
     <अनुभाग />
   </ लेख>
   <aside> ... </ अलग>
   <footer> ... <पाद लेख />
 </ Body>

के बजाय

  <body>
   <div id="header"> ... </ div>
   <div id="nav"> ... </ div>
   <div class="article">
     <div class="section">
       ...
     </ Div>
   </ Div>
   <div id="aside"> ... </ div>
   <div id="footer"> ... </ div>
 </ Body>

और यूट्यूब, वेबपेज पर एम्बेडेड मल्टीमीडिया के उपयोग की तरह ऑडियो और वीडियो सामग्री के आगमन के साथ गुना के द्वारा increaded है. इस खाते में ले रहा है, अब योजना के लिए ब्राउज़र ही में वीडियो और ऑडियो embedding के लिए देशी समर्थन जोड़ने के लिए है, इसलिए उपयोगकर्ताओं को खेलने के लिए अनुमति देते हैं, रोकते हैं, बंद करो, की तलाश है, और स्क्रिप्ट के लिए builtin डोम एपीआई का उपयोग करने के लिए प्लेबैक नियंत्रण मात्रा समायोजित है.

जैसे

  <video poster="poster.jpg">
     स्रोत <% = "video.3gp" प्रकार = "video/3gpp"
     मीडिया = "हाथ">
         src="video.mp4" type="video/mp4"> <source
 </ वीडियो>
 <audio>
   src="music.oga" type="audio/ogg"> <source
   src="music.mp3" type="audio/mpeg"> <source
 <ऑडियो />

बेहतर परिभाषित उदाहरण के लिए मौजूदा तत्वों के लिए अर्थ की भूमिका. अब <strong> तथा <em> वास्तव में अलग अलग अर्थ अर्थात् वे अलग तरीके से व्यवहार हो सकता है.

नए संस्करण के लिए कई बदलाव / उन्नयन कर रहे हैं ... इस पोस्ट अद्यतन रखने के रूप में मैं भर में आ किसी भी दिलचस्प उपयोगी लोगों .... देखो यह जगह

इस दस्तावेज़ को सटीक जानकारी प्रदान नहीं करता है के रूप में HTML 5 विनिर्देश अभी भी विकास में सक्रिय रूप से हो सकता है. जब संदेह में, हमेशा की जांच HTML 5 विनिर्देश यहाँ .

1 टिप्पणी | टैग: HTML5 | में तैनात एचटीएमएल

2009 अक्टूबर 18 2009

HTML और XHTML

दस्तावेज़ प्रकार घोषणा एक दस्तावेज़ है कि HTML सिंटेक्स का उपयोग करता है की शुरुआत में उपस्थित होने की जरूरत है. यह वैकल्पिक XHTML वाक्यविन्यास भीतर इस्तेमाल किया जा सकता है, लेकिन यह आवश्यक नहीं है. XHTML के दस्तावेज़ टैग शामिल करने की जरूरत नहीं है क्योंकि XHTML दस्तावेजों दिया जाता है जो सही ढंग से एक XML MIME प्रकार का उपयोग कर रहे हैं और ब्राउज़रों द्वारा XML के रूप में संसाधित कर रहे हैं, हमेशा नहीं quirks मोड में रेंडर करता है.

XHTML के में, टैग नाम केस संवेदी हैं और आमतौर पर लोअरकेस में लिखा जा सकता है परिभाषित किया है. HTML में, तथापि, टैग नाम मामले असंवेदनशील हैं और सभी अपरकेस या मिश्रित मामले में लिखा जा सकता है, हालांकि सबसे आम सम्मेलन को लोअरकेस के साथ रहना है. प्रारंभ और अंत टैग के मामले के लिए एक ही नहीं है, लेकिन लगातार की जा रही कोड देखो क्लीनर है.

HTML का उपयोग करने के लाभ

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

XHTML के का उपयोग करने के लाभ

सख्त XML के वाक्यविन्यास लेखकों को अच्छी तरह से गठन मार्कअप लिखने के लिए, जो कुछ लेखकों को आसान बनाए रखने के लिए मिल सकता है को प्रोत्साहित करती है
एसवीजी और MathML के रूप में इस तरह के अन्य XML शब्दसंग्रह, के साथ सीधे एकीकृत
XML प्रसंस्करण के उपयोग, जो कुछ लेखकों उनके संपादन और / या प्रकाशन की प्रक्रिया के हिस्से के रूप में उपयोग की अनुमति देता है

कोई टिप्पणी नहीं | टैग: XHTML | में तैनात HTML , वेब डेवलपर

2009 मार्च 24 2009

= "सच" और विकलांग = "झूठे" एक ही विकलांग है?

यह लोगों को पुराने स्कूल है, लेकिन हमेशा की तरह यह मेरी स्मृति पूरक है.
तो = "सच" और विकलांग = "झूठे" वही अक्षम है हाँ?
... विश्वास, अच्छी तरह से नहीं क्या! यहाँ कुछ त्वरित विवरण है ... thats तरीका यह है ...
किसी भी रूप तत्व / क्षेत्र की एक विशेषता है "अक्षम" और अपने स्वभाव से इसलिए किसी भी मान को स्वीकार कर सकते हैं.

के रूप में लंबे समय के रूप में यह गुण मौजूद है, तत्व इसकी कीमत की परवाह किए बिना अक्षम जाएगा. उदाहरण के लिए.
<input type="text" value="This disabled" disabled> है
<input type="text" value="This disabled" disabled="disabled"> है
<input type="text" value="This disabled" disabled="true"> है
<input type="text" value="This disabled" disabled="false"> है
उपरोक्त सभी इस प्रपत्र फ़ील्ड "DISABLED" कर देगा.
बस विशेषता नहीं उपलब्ध कराने के नीचे की तरह फील्ड "विकलांग" "DISABLED" रहता है
<input type="text" value="This disabled" नहीं है />

याद रखें "विकलांग विशेषता का कोई मूल्य (या सभी में कोई मूल्य नहीं), ब्राउज़र को प्रस्तुत करना होगा इसे निष्क्रिय. हमारे मन डब्ल्यू .3 सी. में चीजों को साफ रखने की सिफारिश की है कि हम अक्षम = "अक्षम" इन स्थितियों में उपयोग.

हालांकि यह अंतर है जब हम जावास्क्रिप्ट में इस विशेषता का उपयोग करें ...

document.form.element.disabled = सच, / / तत्व अक्षम जाएगा
document.form.element.disabled = झूठी; / / तत्व सक्षम हो जाएगा

उपरोक्त तर्क भी इन गुण और तत्वों के लिए सच हैं:

जाँच (रेडियो बटन और चेकबॉक्स)
चयनित (विकल्प)
nowrap (टीडी)

1 टिप्पणी | टैग: फार्म तत्वों | में तैनात HTML , JavasScript

2008 दिसम्बर 17, 2008

IE8 के गलत व्यवहार: सीएसएस लेआउट टूट - फूट (IE8 में मेटा टैग का उपयोग कर एक ब्राउज़र संस्करण का लक्ष्य निर्धारण)

यदि आप सीएसएस व्यक्ति हैं, आप अपने पार ब्राउज़र काम कर रहे लेआउट में दर्द पता होगा. IE8 अभी तक हमें डेवलपर्स के लिए काम करता है में एक और औजार है. Anywaz! अगर आप इस मुद्दे पर मारा, जैसे मैंने कल, जहां IE7 में पूरी तरह से काम सीएसएस (पहले और) और फ़ायरफ़ॉक्स अचानक IE8 में गुस्सा फेंकने शुरू कर दिया है, यह कोशिश ... यह अच्छी तरह से पल के लिए मेरी समस्याओं को ठीक करने के लिए लग रहा था ....

मेटा घोषणा का उपयोग करना, हम प्रतिपादन इंजन हम IE8 का उपयोग करना चाहते हैं निर्दिष्ट कर सकते हैं. तो IE8 IE7 के रूप में प्रस्तुत करने के लिए मजबूर करने के लिए ... आपके दस्तावेज़ के सिर में निम्नलिखित मेटा टैग सम्मिलित करें:
<meta http-equiv="X-UA-Compatible" content="IE=7" />

डिफ़ॉल्ट रूप से आईई मेटा होगा: -
<meta http-equiv="X-UA-Compatible" content="IE=8" />
जो करना होगा IE8 पृष्ठ नए मानक मोड का उपयोग कर प्रस्तुत करना.
यदि आवश्यक हो, इस वाक्य रचना के लिए अन्य ब्राउज़रों के लिए नीचे के रूप में समायोजित किया जा सकता है:
<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

DOCTYPES के बारे में:

अगर आप अभी तक कर रहे हैं जानवर की तरह "Doctype" कहा जाता है के साथ अपरिचित ... यहाँ है कुछ त्वरित पढ़ने के
DOCTYPES क्या हैं? ब्राउज़र quirks और सख्त मोड क्या हैं?
XSL में DOCTYPE स्थापना

DOCTYPES के बारे में गहराई से समझने में अधिक के लिए, इन कड़ियों का दौरा करने की कोशिश ...
एक के अलावा सूची: आपकी साइट सही DOCTYPE के साथ फिक्स!
DOCTYPE परे: एक के अलावा सूची वेब मानक, फॉरवर्ड संगतता, और IE8

नोट: हालांकि हम में से कई HTML / सीएसएस के लोगों को हमारे दस्तावेज़ों में किया गया है टैग decleration के महत्व की उपेक्षा, सही DOCTYPE स्थापना, आमतौर पर सबसे पार ब्राउज़र मुद्दों का जवाब है.

1 टिप्पणी | टैग: टैग: , आईई मुद्दे , IE8 , मेटा टैग , युक्तियाँ और चालें में तैनात | ब्राउज़र Quirks , HTML

2008 2008 4 अक्टूबर

इंटरनेट में गायब HTML / DIV तत्व एक्सप्लोरर आईई []

हमेशा की तरह, IE और यह एक आईई Quirks के शीर्ष 10 में स्थान के साथ कई कुछ अजीब समस्याओं में से एक.

समस्या का बयान (यह मेरी समस्या थी, शायद आप समान misbehaviors है):
मैं कई DIV पृष्ठ वर्ग sectionhead ", के साथ जो कुछ भी नहीं है, लेकिन पृष्ठ पर एक वर्ग के शीर्षक में है. तो मैं कुछ शैली इस तरह देख रहा है

Sectionhead {font-size: 18px; पृष्ठभूमि # cfcfcf:; गद्दी: 5px;}.

div कुछ काला पाठ के साथ एक हल्के भूरे रंग की पट्टी है. IE में क्या होता है इन अनुभाग हेडर के कुछ ठीक से प्रदर्शित कर रहे हैं, लेकिन कुछ अदृश्य रहे हैं, जब तक आप पृष्ठ स्क्रॉल या पृष्ठ आदि पर क्लिक करें कुछ कुछ समय वे गायब हो जाते हैं जब आप ऑल्ट कुंजी को क्लिक करें जब आप पृष्ठ नीचे या स्क्रॉल पट्टी के साथ स्क्रॉल. वे कभी कभी फिर से बाहर निकलना जब आप (F5) पृष्ठ पुनः लोड करने लगते हैं. कम एक पूरी तरह से सरल DIV मैं कुछ सरल शैली के साथ बुरा बर्ताव करती है.
क्या इस तरह के एक अनियमित व्यवहार का कारण बन सकता है? अच्छी तरह से! सच कहूँ तो, पता नहीं!

संभव समाधान:
फिर मुझे नहीं पूछ रहे हो, क्यों, लेकिन कई मामलों में इस समस्या जब आप स्थिति को जोड़ने के लिए गायब हो जाता है: तत्वों गलत बर्ताव शैली के सापेक्ष इस तरह,

Sectionhead {font-size: 18px; पृष्ठभूमि # cfcfcf:; गद्दी: 5px; स्थिति: रिश्तेदार}.

अजीब है लेकिन क्या कहना है? भगवान ने मुझे IE से आशीर्वाद!

और अमेरिका के साथ साझा करते हैं, अगर तुम इसी तरह समस्याओं था.

कोई टिप्पणी नहीं | टैग: आईई कीड़े , आईई फिक्स , आईई Hacks, आईई मुद्दे | में तैनात ब्राउज़र Quirks , सीएसएस , HTML

2008 3 Oct 2008

अपने वेबपेज के लिए सरल, हल्के, क्रॉस ब्राउज़र Lightbox

ऐसा नहीं है कि वहाँ केवल कुछ है Lightbox है कि आप पा सकते हैं जब आप गूगल कर रहे हैं. lightboxes है कि मैंने पाया की अधिकांश के साथ मुद्दा था कि वे सभी एक या अन्य JQuery, प्रोटोटाइप, MooTools और पसंद की तरह भारी वजन जावास्क्रिप्ट frameworks का उपयोग करने के लिए लग रहा था. वे सब शांत और ठाठ देख रहे हैं. लेकिन यदि आपकी आवश्यकता है "लेकिन मैं अपनी साइट के लिए एक सरल और हल्के lightbox स्क्रिप्ट चाहते हैं", तो यहाँ यह है;

इस lightbox की कुछ अच्छी सुविधाएँ

बहुत हल्का
. 4kb लिपियों जब पैक (केबी unpacked किया 8)
ख. 2 सीएसएस का केबी
ग. Lightbox कंटेनर के लिए HTML की कुछ पंक्तियाँ
सरल समझने के लिए और लागू
एक ही पृष्ठ पर एकाधिक Lightboxes हो सकता है.
वही lightbox कंटेनर को दिखाने के लिए, विभिन्न सामग्री (जो अलग - अलग पृष्ठ में छिपा डिवीजनों के रूप में शामिल है), लिंक / विकल्प है कि क्लिक किए जाने पर निर्भर करता है प्रयोग किया जाता है.
स्वतः ही केंद्र है, जैसे, विंडो ऊंचाई और चौड़ाई (स्क्रीन संकल्प), पृष्ठ स्क्रॉल राशि और lightbox की सामग्री की ऊंचाई सभी कारकों को ध्यान में ले
IE 7 एंड स्मूथरिंग में परीक्षण

डेमो देखें |
डाउनलोड Lightbox स्रोत ज़िप (1810 बार डाउनलोड)

[ज़िप फ़ाइल में फ़ाइलें] Lightbox का उपयोग करना

jo.js, jo_pack.js [पैक संस्करण]: जावास्क्रिप्ट वस्तुओं का एक सरल सेट [जो], जो तत्व खिड़की, और दस्तावेज़ पोजीशनिंग स्क्रिप्ट शामिल हैं. आप JO.JS खुला अगर आप कुछ उन्नत Javascripting, सार कार्यों बनाने के साथ अपने हाथ गंदे हो सकते हैं, तत्व गुण और इस तरह के विस्तार. यदि आप Javascripting में भी ज्यादा नहीं है, यह अकेला छोड़ दो.

lightbox.js, lightbox_pack.js [पैक संस्करण: प्रकाश बॉक्स प्रबंधक लिपियों होते. यदि आप पेज डिजाइनर पृष्ठ पर lightbox को लागू करने के साथ भी जिम्मेदार हैं, तो आप LightBoxManager समझने की जरूरत है. LightBoxManager मूल रूप से सिर्फ दो कार्यों showLightBox और closeLightBox शामिल हैं.

lightbox.css: - यदि आप सीएसएस पता है, आप आसपास lightbox.css के साथ खेलने के लिए देखो lightbox.css पता लग रहा है अनुकूलित कर सकते हैं

index.html: दो अलग अलग सामग्री के साथ lightbox का नमूना कार्यान्वयन

lb_underlay_bkg.png: - यह प्रकाश / सिमी पारदर्शी छवि lightbox बुनियाद के लिए पृष्ठभूमि में प्रयोग किया जाता है [बुनियाद lighbox नीचे परत है, जो पृष्ठ पर किसी अन्य संस्था को क्लिक करने से उपयोगकर्ता को रोकता है, जबकि lightbox खुला है]. आप इस उद्देश्य के लिए किसी भी छवि या यहाँ तक कि एक ठोस रंग का उपयोग करें, पृष्ठ डिजाइन और आवश्यकता के आधार पर कर सकते हैं.

icon_lb_close.gif: प्रकाश बॉक्स के ऊपरी दाएँ भाग पर करीब lightbox संभाल के लिए छवि. डिजाइन के अनुसार किसी भी छवि का उपयोग कर सकते हैं

डेमो देखें |
डाउनलोड Lightbox स्रोत ज़िप (1810 बार डाउनलोड)

कृपया हमें अपनी टिप्पणियाँ और प्रतिक्रिया ...

कोई टिप्पणी नहीं | टैग: Lightbox , मोडल संवाद बॉक्स में तैनात सीएसएस , डाउनलोड , HTML , JavasScript , UI घटक

2008 4 सितम्बर 2008

फिक्स्ड (यह पुस्तक खिड़की पर स्थिर रहता है) सीएसएस केवल का उपयोग कर ब्लॉक

इस पोस्ट में अंडे चूसना करने के लिए वाक्यांश "शिक्षण दादी" के लिए एक अच्छा उदाहरण हो सकता है ... क्योंकि यह सिर्फ बुनियादी सीएसएस सामग्री है हो सकता है. लेकिन उन लोगों के लिए, जैसे अनजान मुझे, इस भेष में एक वरदान हो सकता है. मैं हमेशा सोचा (मैं यह कह के लिए अपनी नौकरी खो सकता है), यह केवल करने के लिए संभव था HTML पृष्ठ स्थैतिक सामग्री के कुछ भाग को रखने के (अर्थ, अपनी स्थिति बनी हुई है के रूप में विंडो स्क्रॉल पर है), कुछ स्मार्ट स्क्रिप्ट का उपयोग कर, उन सभी वैज्ञानिक करना गणना गतिशील स्थिति को खोजने के लिए, Window.scroll घटनाओं को फँसाने और समय समाप्ति आदि की स्थापना

सोचा के रूप में इस के रूप में आसान कभी नहीं कर सकता .... यहाँ सीएसएस / HTML के नीचे में, मैं चार स्थिर ब्लॉक, एक पृष्ठ का प्रत्येक extrimities करने के लिए तय है, शीर्ष, सही नीचे, और वाम ... अनावश्यक कहने के लिए आप किसी एक या अधिक का चयन अगर होने की आवश्यकता कर सकते हैं ...

सीएसएस
स्थिर {प्रदर्शन: ब्लॉक; z-सूचकांक: 10; रंग: # FFFFFF, अतिप्रवाह-x: छुपा, अतिप्रवाह-y: छुपा, स्थिति: ixed;
}
# सामग्री {हाशिया: 150px 100px 160px 0px; सीमा: 1px ठोस e6e6e6 #}
# लपेटो टी {शीर्ष: 0px; पृष्ठभूमि: 33CC66, चौड़ाई: 100%; ऊँचाई: 55px;}
# लपेटो l {शीर्ष: 80px; पृष्ठभूमि: ठोस 2px e6e6e6 # # FF9966, ऊँचाई: 300px;:; चौड़ाई 150px सीमा;
# लपेटो - ख {नीचे: 0px; पृष्ठभूमि: # 3333CC, चौड़ाई: 100%; ऊँचाई: 55px;}
# लपेटो-r {शीर्ष: 80px; पृष्ठभूमि: # 6666FF; ऊँचाई: 300px; चौड़ाई: 140px; सीमा: ठोस 2px e6e6e6, सही: 0;}
एचटीएमएल
<div id="contents"> आप मुख्य पृष्ठ </ div> सामग्री
<div id="wrap-b" class="static">
पेज के तल पर स्थिर सामग्री
</ Div>
<div id="wrap-t" class="static">
पृष्ठ शीर्ष पर स्थिर सामग्री
</ Div>
<div id="wrap-l" class="static">
पेज पर स्थिर सामग्री को छोड़ दिया
</ Div>
<div id="wrap-r" class="static">
पेज सही पर स्थिर सामग्री
</ Div>

Wroking नमूना यहां देखें

कोई टिप्पणी नहीं | टैग: सीएसएस पोजिशनिंग | में पोस्ट, सीएसएस , HTML

2008 2 सितम्बर 2008

सीएसएस हैक: जावास्क्रिप्ट, सीएसएस, केवल फ़ायरफ़ॉक्स के लिए HTML

कई बार हम ब्राउज़र specfic हैक्स लिखने की जरूरत महसूस हो रहा है (हालांकि यह एक अच्छा अभ्यास नहीं है, हम यूआई डेवलपर्स के लिए महान ब्राउज़र युद्धों जब तक इस तरह के बुराइयों को सहारा है एक संघर्ष विराम के लिए आता है). इससे पहले, मैं इस लेख में उल्लेख किया था, आपके केवल ies के लिए , कैसे एक सीएसएस टुकड़ा है कि आईई ब्राउज़र को दिखाई हो <केवल IE7 के लिखने के.

कल, मैं एक मामले में, जहाँ मैं कुछ फ़ायर्फ़ॉक्स विशिष्ट सीएसएस टुकड़े लिखना चाहता था. अच्छी तरह से! मुझे यकीन है कि अगर वहाँ इस के लिए एक सीएसएस कोड है, लेकिन नहीं कर रहा हूँ वहाँ एक HTML है वहाँ एक पकड़ने की, हालांकि है., HTML doesnot पास HTML सत्यापन के इस टुकड़े. लेकिन, anywaz! यदि आप बुरी तरह से या के रूप में इस तरह फंस रहे हैं, सत्यापन के लिए कोई संबंध है (कुछ समय हम क्रूर हो सकता है), आप निम्न का उपयोग करने के लिए एक एफएफ केवल स्टाइलशीट के लिए एक लिंक की घोषणा सकता है या अभी भी इस खंड के भीतर सीएसएस कोड. कोड है

<comment> अपने ही फ़ायर्फ़ॉक्स HTML / सीएसएस / लिपियों यहाँ <टिप्पणी /> रखो
जैसे
<comment>
<style>
केवल FF / * / * शैलियाँ
fieldset {सीमा: 1px ठोस dddddd #;}
</ शैली>
</ टिप्पणी>

"मैं खुश हूँ पल के लिए ...

कोई टिप्पणी नहीं | टैग: एफएफ कीड़े , एफएफ भाड़े , एफएफ मुद्दे में तैनात | ब्राउज़र Quirks , सीएसएस , HTML , JavasScript है

2008 मार्च 15 2008

परेशान पॉपअप प्रभागों के माध्यम से चयन करें बॉक्स दर्शनीय

कई अवसरों पर, जबकि पॉपअप प्रभागों / lightboxes सुझाव / पृष्ठ लेआउट के साथ कर रहे हैं आदि हम स्थितियों में, जहां कुछ फार्म का चयन करें वस्तुओं को इन POPUP प्रभागों के तहत डिजाइन द्वारा, होता है और यह माध्यम से पता चलता है भर में आ ... YUK!!

अच्छी तरह से! आप आसानी से अपने z-सूचकांक मूल्यों एफएफ और IE7 के लिए उचित समायोजन करके ठीक कर सकता है. लेकिन अच्छे पुराने IE6 का व्यवहार नहीं करता है (यमक इच्छित) के रूप में करना .... का चयन करें बॉक्स के माध्यम से दिखाने के लिए, के बाद भी आप अपने पॉपअप डिवीजन ... Bummer! कुछ तेजी से उच्च z-सूचकांक मूल्यों को लागू!

इस समस्या के लिए नहीं सुधार कर रहे हैं, लेकिन वहाँ रहे हैं, मुझे विश्वास है, कुछ काम करने के लिए चारों ओर इस समस्या की तरह, लेकिन मैं यहाँ आप सरल समाधान है कि मैं का उपयोग करें, जो मेरे लिए ठीक काम करता है के अधिकांश में, बता से अधिक मामलों ....

"ROUGE का चयन करें बॉक्स छुपा जब आप POPUP शो"
बस अपनी स्क्रिप्ट टुकड़ा में जहाँ आप अपने पॉपअप दिखा, स्क्रिप्ट का एक टुकड़ा जोड़ने के "छुपे हुए" का चयन करें बॉक्स की दृश्यता सेट
document.getElementById ('my_select) style.visibilty = "छिपी";
और यह अपने पॉपअप डिवीजन के करीब पर वापस सेट याद
document.getElementById ('my_select') = "दिखाई" style.visibilty के;

"my_select" जहां जलन का चयन करें बॉक्स की आईडी है

उम्मीद है कि इस मदद करता है ...

पुनश्च. गतिशील पॉपअप DIV के तहत एक iframe (पॉपअप आप के रूप में एक ही आकार) positionining की तरह बिल्कुल अन्य विकल्प हैं ... यह भी अच्छी तरह से काम करता है, लेकिन डोम तत्वों, स्क्रिप्ट और सिर की पीड़ा के भार की एक अतिरिक्त के साथ. मैं इस समाधान का इस्तेमाल किया है भी, और यदि आप इस विकल्प के साथ किसी भी मदद की ज़रूरत है, मुझे पता है. मदद करने के लिए खुश हो जाएगा!

कोई टिप्पणी नहीं | टैग: आईई कीड़े , आईई फिक्स , आईई Hacks, आईई मुद्दे , IE6 के | में तैनात ब्राउज़र Quirks , सीएसएस , HTML , JavasScript