2010-09-14 6 views
14

img[title="test"] चुनने के समान ही क्या मैं किसी भी तरह से ऐसी छवियों का चयन कर सकता हूं जिनकी शैली float की शैली संपत्ति left पर सेट हो?सीएसएस शैली के साथ छवियों का चयन करें = "फ्लोट: बाएं" संभव है?

मैं उन लोगों के लिए बाएं और नीचे मार्जिन सेट करना चाहता हूं जो सही फ़्लोटिंग छवियों पर लागू नहीं होते हैं।

धन्यवाद।

+1

उन्हें 'फ्लोट: बाएं' में क्या सेट कर रहा है? क्या यह बाएं और नीचे मार्जिन को 0 पर भी सेट नहीं कर सकता है? –

+0

यह एक सीएमएस इंटरफ़ेस है जो ऐसा करने के लिए उपयोग किया जाता है और कुछ उपयोगकर्ताओं के लिए मार्जिन सेट करने के लिए जटिल है। इसके अलावा सीएमएस इंटरफ़ेस केवल क्षितिज सेटिंग की अनुमति देता है। और ऊर्ध्वाधर। एक ही समय में मार्जिन। तो प्रत्येक के लिए दो से दो नहीं। – Francisc

उत्तर

27

पीटर डब्ल्यू समाधान होने की जरूरत है इस तरह तय: (~= सेबदल गया)

img[style*="float:left"] { 
    margin: 5px 15px 0px 0px; 
} 

img[style*="float:right"] { 
    margin: 5px 0px 0px 15px; 
} 

केवल मुद्दा यह है कि यह है, तो float:right मेल कराएगा जबकि float: right अभ्यस्त (अतिरिक्त स्थान नोटिस) एक सटीक मिलान करता है।

मैं क्रोम और IE9 में सफलतापूर्वक परीक्षण, लेकिन IE में अनुकरण मोड काम नहीं करेगा ...

+0

यह बहुत उपयोगी है! –

+0

टाइपोग्राफी स्टाइल में बहुत उपयोगी चीज! – czLukasss

3

जेएस के बिना संभव नहीं है। आप छवियों या उनके माता-पिता पर एक कक्षा डाल सकते हैं और नियम बना सकते हैं।

+0

वे छवियां हैं जो उपयोगकर्ताओं द्वारा सीएमएस के माध्यम से रखी जाती हैं। – Francisc

+0

धन्यवाद, मध्यस्थ। – Francisc

2

उपयोग करें:

img[style~="float:left"] { 
    margin: 5px 15px 0px 0px; 
} 

img[style~="float:right"] { 
    margin: 5px 0px 0px 15px; 
} 

आप इन साइटों में से एक बिल्कुल सीएसएस 2 चयनकर्ता के बारे में पढ़ सकते हैं:

+0

यह काम करेगा अगर फ्लोट एक सीएसएस फ़ाइल में और इनलाइन स्टाइल टैग में नहीं था। – Francisc

+1

यदि यह एक सीएसएस फ़ाइल में था तो आप कक्षाओं को संपादित कर सकते थे, और इन मुद्दों की आवश्यकता नहीं थी। – Omiod

18

बस इस एक सा पर विस्तार करने के लिए, यह क्या मैं अपनी छवियों के सभी के लिए प्रयोग कर रहे है । यह फ्लोट्स के साथ-साथ छवियों को गठबंधन करता है।

img[align="left"], 
img[style*="float: left"], 
img[style*="float:left"]{ 
    margin: 5px 15px 0px 0px; 
} 
img[align="right"], 
img[style*="float: right"], 
img[style*="float:right"]{ 
    margin: 5px 0px 0px 15px; 
} 
+0

आप 'फ्लोट: दाएं' रेखा में अल्पविराम खो रहे हैं। –

+0

फिक्स्ड, अब मैं बेहतर अपनी साइट की जांच करता हूं ... धन्यवाद आदमी। – Cloudkiller

+0

कोई समस्या नहीं है। मुझे इसके पीछे विचार पसंद आया, लेकिन यह पहले काम नहीं कर रहा था। मुझे लगा कि दूसरों को इसे डीबग करने में ज्यादा समय नहीं लग सकता है ... –

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