एचटीएमएल

Question

में कुछ अतिरिक्त स्थान लेते हुए एक टैग मैंने एक टैग को एक टैग के अंदर रखा है। लेकिन जब मैंने छवि और एक टैग को सीमा दी। एक टैग कुछ अतिरिक्त जगह ले रहा है। यह 'ए' टैग द्वारा उन अतिरिक्त जगहों को दूर करने के लिए छवि के आस-पास नहीं है। मैं लाल रेखा में एक टैग का संकेत दे रहा हूँ।

मेरे एचटीएमएल:

<a href="#"><img src="http://img165.imageshack.us/img165/1043/burnhr6.png"/></a> 

Css:

img 
{ 
    border:1px solid black; 
} 
a 
{ 
    border:1px solid red; 
} 

http://jsfiddle.net/rEPXY/2/

Answer 1

कुछ इस तरह आप के लिए क्या देख रहे है?

a 
{ 
    border:1px solid red; display:inline-block; line-height:0; 
} 

Answer 2

कैसे इस छवि को आप वेबसाइट पर तैनात किया जा रहा है के आधार पर आप चल <a> और <img> टैग करके इसे ठीक कर सकते हैं। एक उदाहरण के लिए संशोधित jsfiddle देखें:

एचटीएमएल:

<a href="#"><img src="http://img165.imageshack.us/img165/1043/burnhr6.png"/></a> 

Css:

img { 
    border:1px solid black; 
    float: left; 
} 

a { 
    border:1px solid red; 
    float: left; 
} 

www.jsfiddle.net/rEPXY/9

Answer 3

मैं क्या न समझ में यही कारण है कि आप एक टैग पर एक सीमा है। मैं अनुमान लगा रहा हूं कि जब आप सीमा को जोड़ते हैं तो ब्राउजर द्वारा उस सामग्री में सामग्री के साथ एक टैग के रूप में व्याख्या की जाती है और इस प्रकार यह संभवतः डिफ़ॉल्ट रेखा-ऊंचाई आवंटित करता है और टैग के अंदर सामग्री को फिट करने के लिए चौड़ाई समायोजित करता है।

Answer 4

लाइव उदाहरण: http://jsfiddle.net/rEPXY/18/

छवि, इनलाइन के रूप में व्यवहार किया जाता है, इसलिए इसके, font-size और लाइन ऊंचाइयों को पालन करने के लिए पंक्ति विराम के साथ जा रहा है। छवि और उसके कंटेनर की प्रकृति बदलें और आपको अच्छा होना चाहिए। <a> टैग के लिए नीचे दिए गए सीएसएस inline-block उपयोग कर रहा है, लेकिन आप भी एक width संपत्ति

साथ block के लिए इसे बदल सकता है आप भी <a> टैग नाव, तो इसकी अन्य तत्वों के साथ परेशानी संरेखित यह बनने जा रहा।

img 
{ 
    border:1px solid black;float:left; 
} 
a 
{ 
    border:1px solid red;display:inline-block; 
} 

Answer 5

According to this, आप इसे निम्नलिखित नियम जोड़कर हल कर सकते हैं:

a img {vertical-align:bottom} 

कि आपके jsfiddle में मेरे लिए काम करने के लिए लग रहा था।