Ik heb deze css:
ul#navitab{margin:0;padding:0;background:#24292B;}
ul#navitab li{display:block;float:left;margin:0;padding:0;}
ul#navitab li a{border-left:0px;border-right:0px;display:block;}
En dit is mijn list:
<div>
<ul id="navitab">
<li><img src="images/home_thc_02.png" width="40" height="50"></li>
<li><a class="current" href="index.html"><img src="images/home_thc_03.png" width="89" height="50"></a></li>
<li><a href="about.html"><img src="images/home_thc_04.png" width="102" height="50"></a></li>
<li><a href="services.html"><img src="images/home_thc_05.png" width="123" height="50"></a></li>
<li><a href="http://rickey-g.blogspot.com"><img src="images/home_thc_06.png" width="116" height="50"></a></li>
<li><a href="contact.html"><img src="images/home_thc_07.png" width="124" height="50"></a></li>
<li><a href="search.html" border="0"><img src="images/home_thc_08.png" width="116" height="50"></a></li>
<li><img src="images/home_thc_09.png" width="250" height="50"></li>
<li><img src="images/home_thc_10.png" width="40" height="50"></li>
</ul>
</div>
Bij de plaatjes welke een link hebben (a href) wordt in Internet Explorer een blauwe rand omheen gezet. En Chrome geeft hem gewoon goed weer zonder die blauwe rand er omheen.
Hoe kan ik dit oplossen?
ul#navitab{margin:0;padding:0;background:#24292B;}
ul#navitab li{display:block;float:left;margin:0;padding:0;}
ul#navitab li a{border-left:0px;border-right:0px;display:block;}
En dit is mijn list:
<div>
<ul id="navitab">
<li><img src="images/home_thc_02.png" width="40" height="50"></li>
<li><a class="current" href="index.html"><img src="images/home_thc_03.png" width="89" height="50"></a></li>
<li><a href="about.html"><img src="images/home_thc_04.png" width="102" height="50"></a></li>
<li><a href="services.html"><img src="images/home_thc_05.png" width="123" height="50"></a></li>
<li><a href="http://rickey-g.blogspot.com"><img src="images/home_thc_06.png" width="116" height="50"></a></li>
<li><a href="contact.html"><img src="images/home_thc_07.png" width="124" height="50"></a></li>
<li><a href="search.html" border="0"><img src="images/home_thc_08.png" width="116" height="50"></a></li>
<li><img src="images/home_thc_09.png" width="250" height="50"></li>
<li><img src="images/home_thc_10.png" width="40" height="50"></li>
</ul>
</div>
Bij de plaatjes welke een link hebben (a href) wordt in Internet Explorer een blauwe rand omheen gezet. En Chrome geeft hem gewoon goed weer zonder die blauwe rand er omheen.
Hoe kan ik dit oplossen?