ऑर्डर सूची की सूची आइटम के भीतर सूची सूची आइटम?

Question

मैं इस बात का आकलन करने का प्रयास कर रहा हूं कि वर्तमान में आईई 6 और आईई 7 के लिए लक्षित एक बढ़ी हुई क्रमबद्ध सूची कैसे बनाएं।

ईजी। यह नीचे की तरह कुछ प्रस्तुत करना चाहिए:

1.0 
    1.1 
    1.2 
    1.3 
2.0 
    2.1 
    2.2 

मैं क्या समझ से, यह कुछ इस तरह के साथ सीएसएस में बनाने के लिए संभव है:

UL, OL { counter-reset: item; } 
LI { display: block } 
LI:before { content: counters(item, "."); counter-increment: item } 

हालांकि, ज़ाहिर है, IE6 और IE7 का समर्थन नहीं करते इस।

आईई 6/7 में उचित वृद्धि वाली सूची बनाने के लिए कौन से विकल्प उपलब्ध हैं? क्या मैं इसे कड़ी मेहनत कर रहा हूं। दुर्भाग्यवश, जावास्क्रिप्ट का उपयोग करना एक विकल्प नहीं है।

क्या नए ब्राउज़र के लिए कोई अपडेटेड पद्धतियां हैं?

Answer 1

यदि जावास्क्रिप्ट एक विकल्प नहीं है (और इसलिए मुझे कोई फ्लैश नहीं लगता है), मुझे खेद है कि आप क्लाइंट-साइड समाधान के विकल्पों में से बाहर हैं। यदि आपके पास एक सर्वर-साइड स्क्रिप्ट है जो आपके एचटीएमएल को उत्पन्न कर रही है, तो आप ऑर्डरिंग को सर्वर पर धक्का दे सकते हैं और सीएसएस का उपयोग करके क्लाइंट पर आउटपुट को बिना किसी बुलेट के अनियंत्रित सूची के रूप में स्टाइल कर सकते हैं। आईई 6 यहां आपका सीमित कारक है, और इसके आस-पास कई तरीके नहीं हैं। बुरी खबर देने के लिए क्षमाप्रार्थी हूँ।

Answer 2

यदि जावास्क्रिप्ट कोई विकल्प नहीं है, तो आपको सर्वर कोड पर इसे हार्ड कोड/कार्यान्वित करना होगा।

सकारात्मक पक्ष यह है: यह अन्य कम सक्षम उपयोगकर्ता एजेंट/डिवाइस (ब्लैकबेरी ब्राउज़र आदि) के लिए तुरंत काम करेगा।

Answer 3

एक्सएसएलटी (एक्सएसएलटी 1.0 समेत) <xsl:number> के साथ बहु-स्तर संख्यात्मक अनुक्रम उत्पन्न कर सकता है।

Answer 4

यहाँ एक सीएसएस एकमात्र समाधान (IE8 और इसके बाद के संस्करण में काम करना चाहिए) है:

<ol> 
    <li> 
     Heading 
     <ol> 
      <li>list</li> 
      <li>list</li> 
     </ol> 
    </li> 
    <li> 
     Heading 
     <ol> 
      <li>list</li> 
      <li>list</li> 
     </ol> 
    </li> 
</ol> 



ol{ 
    list-style-position:inside; 
    list-style-type: none; 
    counter-reset:mainNum; 
} 

ol li:before{ 
    content: counter(mainNum) ".0"; 
    counter-increment:mainNum; 
} 

ol ol{ 
    counter-reset:item; 
} 

ol ol li{ 
    list-style-type:none 
} 

ol ol li:before{ 
    content: counter(mainNum) "." counter(item) " "; 
    counter-increment:item; 
}