<li><a href="#" ><img src="images/hospitality.png" title="" /></a>
समस्या- आईई और मोज़िला में नीले आयताकार बॉक्स के अंदर छवि प्रदर्शित हो रही है लेकिन क्रोम में नहीं। मैं आईई से उस नीले रंग के बॉक्स को कैसे हटा सकता हूं?हाइपर-लिंक छवि की सीमा को कैसे हटाया जाए?
या img तत्व को इनलाइन जोड़ें:
<li>
<a href="#">
<img style="border: 0;" src="images/hospitality.png" title="" />
</a>
</li>
आप किसी को इनलाइन शैली लिखने के लिए क्यों प्रोत्साहित करेंगे? – Rowan
@ रोवन एक HTML ईमेल बनाते समय? –
आप एक लिंक के भीतर हर छवि पर नीले रंग के बॉर्डर निकालने के लिए इस सीएसएस सेट कर सकते हैं:
a img {
border: 0;
}
"सीमा = 0 "समाधान काम करता है, लेकिन इसे कार्यान्वित करना बहुत आसान नहीं है क्योंकि इसे आपके प्रोजेक्ट में रखे गए प्रत्येक लिंक छवि में इसके अतिरिक्त होने की आवश्यकता होती है।
बेहतर समाधान अपने पृष्ठ के <head> ... </head> टैग के भीतर निम्नलिखित टैग है, जो एक मास्टर पृष्ठ में हो सकता है शामिल करने के लिए है, ताकि सभी भीतरी पन्नों होगा निहित यह मास्टर पृष्ठ
<style type="text/css">
<!--
img { border: none; }
-->
</style>
से बाहरी सीएसएस
img {border : 0;}
img a {outline : none;}
आंतरिक सीएसएस
<style type="text/css">
img { border: none; }
</style>
इनलाइन सीएसएस
<img src="logo.png" style="border-style: none"/>
इस सीमा आप किसी से सीमा निर्धारित करना चाहिए दूर करने के लिए।
a img
{
border:none;
}
जवाब यह है कि शामिल नहीं किया था सीएसएस इनलाइन एक बेहतर से एक है। आपको इसे स्वीकार करना चाहिए था। – icio