पोजिशनिंग छवि alt text

Question

मेरे पास एक बड़ी तालिका है जिसमें बड़ी संख्या में छवियों के साथ बड़ी संख्या में प्रविष्टियां हैं। आवश्यकता है कि प्रत्येक छवि के लिए एक alt टेक्स्ट प्रदर्शित करें जो सर्वर पर नहीं पाया जा सका। ठीक काम करने की alt विशेषता है।

हालांकि, मैं alt text - सेल पैडिंग, स्पेसिंग, मार्जिन इत्यादि को स्थापित करने में सक्षम नहीं हूं, जो छवि पर लागू होते हैं, वे alt टेक्स्ट पर लागू नहीं होते हैं।

यह प्रासंगिकता हो सकती है कि हम पृष्ठ के लेआउट के लिए टेबल का उपयोग कर रहे हैं।

क्या कोई भी alt टेक्स्ट को स्थिति देने के लिए कोई तरीका जानता है?

Answer 1

img { 
    width: 100px; 
    height: 50px; 
    line-height: 50px; 
    text-align: center; 
} 

मध्य ऊर्ध्वाधर और क्षैतिज संरेखण को मध्य में सेट करता है।

Answer 2

आप नहीं कर सकते। कोई ब्राउज़र मुझे पता नहीं है कि alt विशेषता का प्रतिनिधित्व करने की अनुमति देता है।

प्रत्येक ब्राउज़र को संभावित रूप से गैर-मौजूदा छवियों का अनुरोध करने के लिए मजबूर करने के बजाय पृष्ठ को लिखने के लिए सर्वर साइड भाषा (उदा। PHP) का उपयोग करना अधिक समझदार लगता है। इस तरह आप चित्र के मौजूद होने पर निर्भर करते हुए <img> टैग या नियमित अनुच्छेद आउटपुट कर सकते हैं।

आप एक जावास्क्रिप्ट फ़ंक्शन भी लिख सकते हैं (<img> टैग की घटना) से जुड़ा हुआ है जो इसे नियमित टेक्स्ट के साथ बदल देता है।

Answer 3

क्या आपने आईएमजी को पैडिंग या मार्जिन लगाने की कोशिश की थी, न कि टेबल-सेल पर? आपके आईएमजी तत्व पर उपयोग किया जाने वाला सीएसएस भी छवि के alt-text पर लागू होता है। तो अगर आप सेट करते हैं तो एक

img { padding-left:30px; } 

अपने आल्ट-पाठ भी 30px से सही करने के लिए धक्का दिया जा रहा है (पाठ के अनुरूप और अन्य सामग्री के आधार पर)। आप यह भी स्थिति में रखना चाहते हैं: आईएमजी या वर्टिकल-सापेक्ष-इसे एक पड़ोसी-सेल के साथ संरेखित करें (संबंध महत्वपूर्ण है) या केवल फ्लोट जैसा ही कुछ है लेकिन इसका ख्याल रखना है क्योंकि यह छवि को टेक्स्टफ्लो से बाहर खींच लेगा जहां यह माता-पिता से लेकर बच्चों के संबंधों के लेआउट-पहलू को खो देता है। सीएसएस स्टाइल के लिए एक अच्छा resource है। मुझे नहीं लगता कि आपको जावास्क्रिप्ट (jQuery) या कुछ ऐसा कुछ चाहिए।

Answer 4

मूल तत्व पर रेखा-ऊंचाई alt टेक्स्ट की प्रस्तुति को प्रभावित करेगी।

Answer 5

यदि आप चाहते हैं छवि ऊपरी-बाएं गठबंधन करने के लिए किया जा लेकिन वैकल्पिक पाठ केंद्रित इस काम नहीं करेगा, लेकिन अगर दोनों छवि और वैकल्पिक पाठ संरेखित होना चाहिए केंद्रित:

height और width बाहर छोड़ने का प्रयास करें छवि में गुण (यदि आप अभी उन्हें शामिल कर रहे हैं)। इसे केवल एक टेक्स्ट बॉक्स को केवल Alt टेक्स्ट के लिए जरूरी जितना बड़ा प्रस्तुत करना चाहिए, जिसे केंद्र लंबवत और टेक्स्ट-गठबंधन मध्य में संरेखित किया जा सकता है। आप जिस लेआउट को दिखाना चाहते हैं उसके आधार पर आप इसके साथ चारों ओर झुका सकते हैं जब तक कि alt टेक्स्ट और छवि दोनों सभ्य दिखती न हों। यह वास्तव में आप कर सकते हैं सबसे अच्छा है।