2010-04-23 4 views
6

मेरे पास तत्वों का अनुक्रम है और अंतिम व्यक्ति में सीएसएस "फ्लोट: बाएं" है।सीएसएस: शीर्ष पर "फ्लोट: दाएं" तत्व को स्थानांतरित करें (सूची के पहले तत्व के साथ संरेखित करने के लिए)

मैं इसे पहले तत्व की एक ही ऊंचाई पर प्रदर्शित करना चाहता हूं, न कि सूची के नीचे। (मैं एचटीएमएल कोड नहीं बदल सकता, इसलिए यह सूची में आखिरी है)।

उसी समय, मैं इसे दाईं ओर रखना चाहता हूं। मैं इसे सीएसएस के साथ कैसे बना सकता हूं?

धन्यवाद

कोड:

<div class="field field-type-text field-field-year"> 
    <div class="field-items"> 
      <div class="field-item odd"> 
         <div class="field-label-inline-first"> 
       Year:&nbsp;</div> 
        2009  </div> 
     </div> 
</div> 
<div class="field field-type-text field-field-where"> 
    <div class="field-items"> 
      <div class="field-item odd"> 
         <div class="field-label-inline-first"> 
       Where:&nbsp;</div> 
        Musée Rath, Geneva  </div> 
     </div> 
</div> 
<div class="field field-type-text field-field-when"> 
    <div class="field-items"> 
      <div class="field-item odd"> 
         <div class="field-label-inline-first"> 
       When:&nbsp;</div> 
        25.8 – 27.9.2009  </div> 
     </div> 
</div> 
<div class="field field-type-text field-field-editor"> 
    <div class="field-items"> 
      <div class="field-item odd"> 
         <div class="field-label-inline-first"> 
       Editor:&nbsp;</div> 
        Blabla Blabla  </div> 
     </div> 
</div> 
<div class="field field-type-text field-field-material"> 
    <div class="field-items"> 
      <div class="field-item odd"> 
         <div class="field-label-inline-first"> 
       Material/techniques:&nbsp;</div> 
        contemporary art installations  </div> 
     </div> 
</div> 
<div class="field field-type-text field-field-dimension"> 
    <div class="field-items"> 
      <div class="field-item odd"> 
         <div class="field-label-inline-first"> 
       Dimension:&nbsp;</div> 
        2 floors in a neoclassical building  </div> 
     </div> 
</div> 
<div class="field field-type-text field-field-artists"> 
    <div class="field-items"> 
      <div class="field-item odd"> 
         <div class="field-label-inline-first"> 
       Artists:&nbsp;</div> 
        Blablablabla balbalbalbalba 
     </div> 
     </div> 
</div> 


    .field-field-year, .field-field-where, .field-field-when, .field-field-editor, .field-field-material, .field-field-dimension { 
     width:300px; 
    } 



    .field-field-artists { 

     width:400px; 
     float:right; 
     clear:right; 
     top-margin: -200px; 
    } 
+0

क्या आप कुछ स्रोत कोड पोस्ट कर सकते हैं? – Kyle

+0

समस्या –

+0

को हल करने के लिए इस के लिए स्रोत कोड की आवश्यकता है। मैंने कोड – aneuryzm

उत्तर

7

यदि आप एक छोटे त्रुटि है, इसे बनाने:

.field-field-artists { 

     width:400px; 
     float:right; 
     clear:right; 
     margin-top: -200px; 
    } 
+0

बहुत जोड़ा है, ठीक है धन्यवाद। मेरे पास 2 प्रश्न हैं: 1) क्या यह आईई के लिए एक अच्छा समाधान है? 2) यदि पिछले क्षेत्रों की सामग्री बदलती है, तो ऊंचाई में परिवर्तन और शीर्ष मार्जिन को अद्यतन करने की आवश्यकता है, है ना? तो ... क्या कोई और समाधान है? – aneuryzm

+0

हां, यदि आकार बदलता है तो यह बदल जाएगा। यह बेहतर (गतिशील) करने के लिए, आपको लगता है कि कुछ जावास्क्रिप्ट की आवश्यकता होगी। दूसरा विकल्प दूसरों को एक div के अंदर रखना है, और उस समूह के दाईं ओर अंतिम व्यक्ति को फ़्लोट करना है - लेकिन यह संरचना को बदलता है (ठीक है अगर आप इसे नियंत्रित करते हैं तो मुझे लगता है) –

2

आप बाईं ओर सही करने के लिए पिछले क्षेत्र और दूसरों तैर सकती हैं (मानते हैं कि पर्याप्त क्षैतिज स्थान है) या जावास्क्रिप्ट के साथ ब्लॉक को पूर्ण स्थिति या पुन: व्यवस्थित करें; लेकिन चूंकि यह स्पष्ट रूप से ड्रूपल है, क्या आप सिर्फ फील्ड वजन को फिर से कॉन्फ़िगर नहीं कर सकते?