2011-05-20 8 views
35

में छवि के चारों ओर एक सीमा का कारण बनता है मेरे पास कुछ HTML है जहां मेरे पास एक बटन के रूप में उपयोग करने के लिए एक href टैग के अंदर img टैग हैं। सब ठीक काम करता है सिवाय इसके कि जब मैं इसे आईई में खोलता हूं, तो मुझे आईएमजी टैग के चारों ओर एक सीमा मिलती है।एक href टैग के अंदर एक आईएमजी टैग डालने से आईई

यहाँ कुछ कोड है:

<a href="javascript:changecolor(1)" title="Click Again to Change Color" style="cursor:pointer; text-decoration:none"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(2)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(3)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(4)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(7)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(6)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px; text-decoration:none" /></a> 

मैं कैसे नीले बॉर्डर, जो केवल IE में प्रकट होता है से छुटकारा पाने के कर सकते हैं?

उत्तर

48

सरल ठीक है, अपने स्टाइलशीट में एक शैली इस के समान बनाने के लिए:

a img{ 
border:0; 
} 

आपके मामले में, आप इनलाइन शैलियों आप अपने HTML में है के कुछ शामिल करने के लिए अपनी शैली को अद्यतन कर सकते हैं। उदाहरण के लिए, अपने स्टाइलशीट करने के लिए अद्यतन किया जाएगा:

a{ 
cursor:pointer; 
text-decoration:none 
} 

a img{ 
margin-top:600px; 
} 
+0

कि महान काम किया, फिर भी मैं एक छोटी सी समस्या फिर से केवल IE में है, मैं एक शीर्ष मार्जिन मेरी छवियों में से कुछ पर सेट है और जब मैं उन्हें वहाँ क्लिक करें मार्जिन के आकार के चारों ओर एक ग्रेड आउट स्ट्राइप बॉक्स है जब मैं इसे क्लिक करता हूं, तो कोई विचार यह कैसे निकाला जाता है? – user541597

+0

लगता है जैसे यह आपके लागू कार्यान्वयन रंग जेएस बदल सकता है। आईएमजी से मार्जिन-टॉप को हटाने और इसके बजाय टैग पर आवेदन करने का प्रयास करें। अगर यह काम नहीं करता है - क्या आप लाइव लिंक या स्क्रीन ग्रैब की आपूर्ति कर सकते हैं? – Dan

+0

आपको मार्जिन को पहचानने के लिए 'ए' कक्षा में शैली 'इनलाइन-ब्लॉक' शैली भी जोड़नी पड़ सकती है। – Dan

12

जोड़े border = "0" img टैग

+5

केवल यह समाधान मेरे लिए काम करता है –

5

इंटरनेट एक्सप्लोरर और लंगर टैग के आसपास धूसर हो जाता बॉक्स के साथ मामूली मुद्दा के बारे में करने के लिए विशेषता - यह रूपरेखा। रूपरेखा बॉक्स आप सीएसएस निम्नलिखित का उपयोग कर सकते छिपाने के लिए:

a img{outline:none;} 
संबंधित मुद्दे