이상한 국경 IMG

Question

에

내가 HTML에 다음 코드가 있습니다

<div id="header"> 
    <div id="logo"></div> 
     <div id="versione"> 
      <a class="ui-widget-content ui-corner-all countryVersion" href="blank.html">Versione italiana<img src="ita.png" /></a>     
      <a class="ui-widget-content ui-corner-all countryVersion">Deutsche Version<img src="ger.png" /></a> 
      <a class="ui-widget-content ui-corner-all countryVersion">English version<img src="eng.png" /></a> 
     </div> 
    </div> 
</div> 

다음과 같은 CSS :

.countryVersion:first-letter { font-weight : bold; font-size:1.2em;} 

.countryVersion{ 
float:right; 
margin : 1px 3px 0; 
padding: 4px; 
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; 
font-size:0.9em; 
text-decoration : none; 

}

.countryVersion img { 
float : right; 
margin : 1px 3px 0; 

}

을

그리고 다 괜찮아 보이지만, 나는 일종의 distur bing "white border"이미지 주위에. 나는 이유를 알지 못한다. 그러나 그것이 확실하지 않다고해도 그것이 앵커와 관련 있다고 생각한다.

나를하시기 바랍니다

알레산드로

Answer 1

으로, 이미지의 경계를 설정해보십시오. 그랬던 것처럼 CSS에 다른 항목이 필요하다고 생각하지 않는다면 기존 태그에 추가 할 수 있어야합니다.

.countryVersion img { 
    float : right; 
    margin : 1px 3px 0; 
    border: none; 

} 

Answer 2

이 CSS를 시도 도움말 : Sarfraz 지적

a img{ 
    border:none; 
}