jQuery यूआई प्रतीक मुद्दा

Question

हैलो, क्यों प्रतीक एक br क्या करता है> ही

मैं यहाँ क्या मतलब है:

alt text http://i30.tinypic.com/23tgkms.png

स्रोत:

.ui-icon-bullet { background-position: -80px -144px; } 
    <span class="ui-icon ui-icon-bullet"></span> Hello 

Answer 1

यदि आप JQuery UI सीएसएस थीम फ़ाइल पर एक नज़र डालें, तो आप देखेंगे यह छोड़ दिया करने के लिए अपने आइकन तत्व को टी

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } 

तो वर्ग ui-icon साथ किसी भी तत्व को एक ब्लॉक (इसलिए एक < br/> पहले और बाद में) आप एक नाव लगाने से इस व्यवहार को बदल सकते हैं के रूप में प्रदर्शित किया जाएगा छोड़ दिया अपने पाठ का

कुछ

<span class="ui-icon ui-icon-bullet" style="float:left;"></span> Hello 

तरह

Answer 2

मेरे समाधान कुछ str था क्या करेंगे जगह में पहले से ही ucture। जिन जगहों पर मैं चाहता था कि टेक्स्ट के बगल में आइकन प्रवाह हो जाएं, वे एक ज्ञात वर्ग के साथ एक div में निहित थे। के लिए: "ब्लॉक प्रदर्शन" "display: inline-ब्लॉक"

एचटीएमएल

<div class="sectionActions"> 
    Section Names <span class="ui-icon ui-icon-close"></span> 
</div> 

सीएसएस

.sectionActions .ui-icon 
{ 
    display: block-inline; 
} 

मैं ui-चिह्न के ओवरराइड करने के लिए सीएसएस अपने मुख्य साइट को जोड़ने के लिए सक्षम था इस सीएसएस की प्राथमिकता ने jquery-ui फ़ाइलों से मूल "डिस्प्ले: ब्लॉक" सीएसएस को अवरुद्ध कर दिया है और मेरे सभी यूई-आइकॉन एक ही पंक्ति पर सही ढंग से प्रदर्शित होते हैं।

कीथ