यदि आप वेबसाइट बना रहे हैं, तो आपको निश्चित रूप से विज़िटर के ब्राउज़र में पेज प्रदर्शित करने के लिए सेटिंग्स को ध्यान में रखना चाहिए। विशेष रूप से, लिंक टैग के अंदर रखी गई छवियों को डिफ़ॉल्ट रूप से नीले एक-बिंदु (पिक्सेल) चौड़ी सीमा वाले ब्राउज़र द्वारा रेखांकित किया जाता है। पृष्ठ तत्वों के आकार को निर्धारित करते समय और उनके रंग डिजाइन का निर्धारण करते समय इसे ध्यान में रखा जाना चाहिए। समस्या का एक वैकल्पिक समाधान है - ब्राउज़र को फ़्रेम प्रदर्शित न करने के लिए बाध्य करने के लिए HTML और CSS का उपयोग करना।
निर्देश
चरण 1
यदि पृष्ठ डिज़ाइन के आपके संस्करण के लिए एक लिंक या केवल कुछ के साथ एक विशिष्ट छवि से सीमा को हटाने के लिए पर्याप्त होगा, तो यह उनके टैग में शून्य मान के साथ सीमा विशेषता जोड़ने के लिए पर्याप्त होगा। इस अतिरिक्त के साथ, लिंक वाली छवियों का HTML-कोड इस तरह दिख सकता है: आप शैली विशेषताओं का भी उपयोग कर सकते हैं - ये विकल्प समकक्ष हैं। शैली विशेषता और इसमें निर्दिष्ट शून्य सीमा मान के साथ, वही कोड इस तरह दिखेगा: शैली विशेषता का उपयोग करते समय, शून्य मान (0px) को "कोई नहीं" (उद्धरण के बिना) टेक्स्ट से बदला जा सकता है।
चरण 2
यदि आप पृष्ठ पर रखे गए लिंक के साथ बिल्कुल सभी छवियों के लिए एक फ्रेम की उपस्थिति को रोकना चाहते हैं, तो HTML कोड में एक ही स्थान पर ऐसा करना आसान है। ऐसा करने के लिए, सभी लिंक के लिए सामान्य नियम के साथ पृष्ठ शैलियों का विवरण दस्तावेज़ के शीर्षक भाग (और टैग के बीच) में रखा जाना चाहिए। आप इस नियम को इस तरह लिख सकते हैं: a img {border: none;} इसे एक टैग के अंदर रखा जाना चाहिए जो ब्राउज़र को बताता है कि यहाँ CSS में शैलियों का विवरण है:
एक आईएमजी {सीमा: कोई नहीं;}
चरण 3
यदि आप किसी ऐसे पृष्ठ में जावास्क्रिप्ट स्क्रिप्ट का उपयोग करते हैं जो किसी अन्य पृष्ठ पर स्विच किए बिना किसी टेक्स्ट लिंक पर क्लिक करने पर कोई क्रिया करता है, तो कुछ ब्राउज़रों में और टेक्स्ट लिंक के आसपास क्लिक करने के बाद, एक समान बिंदीदार फ्रेम रहता है। अपने डिज़ाइन में इस अनधिकृत परिवर्तन को रोकने के लिए, CSS स्टाइल विवरण ब्लॉक में टेक्स्ट लिंक के लिए एक उपयुक्त नियम जोड़ें:
एक {रूपरेखा: कोई नहीं;}
