<li><a href="#" ><img src="images/hospitality.png" title="" /></a>
Sorun görüntüsü, IE ve Mozilla'da mavi bir dikdörtgen kutu içinde görüntüleniyor ancak Chrome'da değil. Bu mavi kutuyu IE'den de kaldırabilir miyim?Hiper bağlantı görüntüsünün kenarlığı nasıl kaldırılır?
Sen bir bağlantı içinde her resimdeki mavi sınırını kaldırmak için bu CSS ayarlayabilirsinizVeya img elemana satır içine ekleyin:
<li>
<a href="#">
<img style="border: 0;" src="images/hospitality.png" title="" />
</a>
</li>
Neden birini satır içi stilini yazmasını teşvik edersiniz? Bir HTML e-postası yaparken – Rowan
@Rowan? –
:
a img {
border: 0;
}
"border = 0 "Çözüm işe yarıyor, ancak projenize koyduğunuz her bağlantı görüntüsüne eklenmesini gerektirdiği için uygulanması çok kolay değil.
daha iyi bir çözüm bir ana sayfasında olabilir sayfanızın <head> ... </head> etiketleri içinde aşağıdaki etiketi dahil etmek, böylece tüm iç sayfaları olacak doğasında bu ana sayfa
<style type="text/css">
<!--
img { border: none; }
-->
</style>
dan dış css
img {border : 0;}
img a {outline : none;}
iç css
<style type="text/css">
img { border: none; }
</style>
satır içi Eğer hiçbiri sınırı belirlesin Bu sınır çıkarmadan için css
<img src="logo.png" style="border-style: none"/>
.
a img
{
border:none;
}
CSS satır içi içermeyen yanıt daha iyi bir çözümdür. Kabul etmeliydin. – icio