2011-01-24 21 views
7

के अंदर एक इनलाइन यूएल दाएं संरेखित करें मेरे पास एक पृष्ठांकन आउटपुट है जो दाएं

    के भीतर दिखाया गया है। एक उदाहरण यहां पोस्ट है: http://jsfiddle.net/6N4bD/1/

    उल 2 divs

    के चारों ओर लिपटा है

    1 div 550 चौड़ाई 2 div "paginationDiv" कहा जाता है मूल रूप से चारों ओर

    उल उल लपेटता है सूची-शैली : कोई नहीं। जो मैं करने की कोशिश कर रहा हूं वह इसे सही बनाता है, लेकिन यह एक ब्लॉक के रूप में दिखाई देता है। मैंने कुछ चीजों की कोशिश की है लेकिन कुछ भी काम नहीं करता है। मैं तो paginationDiv करने के लिए एक चौड़ाई जोड़ देते हैं तो यह काम करता है, लेकिन यह सही नहीं है, क्योंकि यह चौड़ाई तय किया कभी नहीं होगा

    यहाँ यह क्या लगता है जैसे:

    <div class="parentDiv"> 
        <div class="paginationDiv"> 
         <ul id="paginationLinks"> 
         <li>Page 1</li> 
         <li>Page 2</li> 
         </ul> 
        </div> 
    </div> 
    

    एचटीएमएल कोड

    यहाँ है कि सीएसएस:

    div.parentDiv { 
        width: 550px; 
    } 
    div.paginationDiv { 
        float: right; 
    } 
    #paginationLinks ul { 
        border: 0; 
        padding: 0; 
        margin: 0; 
    } 
    #paginationLinks li { 
        list-style: none; 
    } 
    

    मैं एक उदाहरण यहाँ पोस्ट किया है: http://jsfiddle.net/6N4bD/1/

    +0

    समस्या क्या है? ऐसा लगता है कि यह मेरे ब्राउज़र (ओपेरा 11) में काम कर रहा है। – Exelian

    +0

    @ एक्सेलियन: आप सही हैं, यह पहले ही ओपेरा में काम करता है। हालांकि, आपको सांख्यिकीय रूप से पता होना चाहिए, वह शायद फ़ायरफ़ॉक्स या आईई में परीक्षण कर रहा है। – thirtydot

    +0

    मैंने आईई 7, आईई 8, फ़ायरफ़ॉक्स और क्रोम में परीक्षण किया। – Adil

    उत्तर

    5

    float:left#paginationLinks li के लिए और फिर परिणाम

    +0

    धन्यवाद, मैंने आपके कोड को @ क्रिस के कोड के साथ जोड़ा (प्रदर्शन: इनलाइन;) – Adil

    6

    क्या काम करने के लिए ली तत्वों को display: inline; जोड़ रहा है लगता है देख सकते हैं।

    http://jsfiddle.net/XFdqT/ इसका एक डेमो है।

    +0

    यह मेरे लिए काम करता प्रतीत होता है। – Exelian

    +0

    धन्यवाद, मैंने आपके कोड को @ महिमा के कोड के साथ जोड़ा (फ्लोट: बाएं;) – Adil

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