2008-11-10 18 views
12

से तालमेल मैं इससीएसएस उल ली छवि पाठ

ul { 
    list-style-image:url(images/bulletArrow.gif); 
} 

ul li { 
    background: url(images/hr.gif) no-repeat left bottom; 
    padding: 5px 0 7px 0; 
} 

की तरह एक सीएसएस है लेकिन गोली छवि आईई (यह फ़ायरफ़ॉक्स में ठीक है) में ठीक से संरेखित नहीं है। मेरे पास पहले से ली के लिए पृष्ठभूमि छवि है, इसलिए मैं पृष्ठभूमि के रूप में बुलेट छवि का उपयोग नहीं कर सकता। क्या इसका कोई समाधान है?

अग्रिम धन्यवाद। http://css.maxdesign.com.au/listutorial/master.htm

ऐसा नहीं है कि का उपयोग कर list-style-image परिणाम विभिन्न ब्राउज़रों के साथ छवि की असंगत नियुक्ति में कहते हैं:

+0

क्या आप थोड़ा और जानकारी प्रदान करने में सक्षम हैं? आईई का कौन सा संस्करण आप उपयोग कर रहे हैं (यदि यह आपको इतना परेशानी दे रहा है, तो शायद यह आईई 6 है)? क्या आप पाठ के साथ लंबवत छवि को संरेखित करने की कोशिश कर रहे हैं? छवि कैसी दिखती है? बस एक साधारण क्षैतिज नियम? –

उत्तर

2

आप दोनों को धन्यवाद। समस्या यह है कि मैं पहले से ही लाइन-विभाजक के लिए पृष्ठभूमि का उपयोग करता हूं। लेकिन मैं इसे सीमा में बदल दूंगा, फिर मैं बुलेट छवि के लिए पृष्ठभूमि का उपयोग करूंगा।

24

एक अच्छा विवरण और समाधान इस के यहाँ नहीं है। फिर यह बेहतर परिणाम के लिए गोलियों के लिए पृष्ठभूमि छवियों का उपयोग करने का तरीका बताता है।

+0

वाह। एक साधारण चीज़ को पूरा करने के लिए कोड की भारी मात्रा। जी नहीं, धन्यवाद! – AndroidDev

+0

@AndroidDev उहम, यह सीएसएस की 7 लाइनें है, जो वास्तव में शॉर्टंड गुणों का उपयोग करके संयुक्त हो सकती है। एलओसी से परहेज का आनंद लें। – coreyward

2

मुझे लगता है कि आप सूची आइटम के लिए बाएं पैडिंग हटा रहे हैं। आईई के लिए, आपको बाएं मार्जिन के साथ ऐसा करने की ज़रूरत है - या तो इसे पूरी तरह से हटा दें (शून्य पर सेट करें) या इसे डिफ़ॉल्ट से कुछ छोटा बनाएं। फिर आपकी सूची आइटम अच्छी तरह से संरेखित होंगे।

3

लाइन-ऊंचाई का उपयोग करें :)

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