Menu
<li><a href="#" ><img src="images/hospitality.png" title="" /></a>
Problem- image is getting displayed inside a blue rectangle box in IE and Mozilla but not in Chrome.How can I remove that blue box from IE also?
318
Adding border="0" to your img tag prevents that picture from having a border around the image. However, adding border="0" to every image would not only be time consuming but also increase the file size and download time. To prevent all images from having a border, create a CSS rule or file with the following code.
Just add a:visited { outline: none; } in your style file.
Select the picture whose border you want to remove. On the Page Layout tab, in the Page Background group, select Page Borders. Click the Borders tab. Under Setting, select None.
The "border=0" solution works, but it is not very easy to implement since it requires its addition in every and each link image you put in your project. Show activity on this post. Show activity on this post. For removing this border you should set border to none.
This will remove borders from all images with links on the page. Within SharePoint Designer right click on the image's web part and select picture properties, select appearance and change border thickness to 0 and the blue border disappears.
This will remove borders from all images with links on the page. Within SharePoint Designer right click on the image's web part and select picture properties, select appearance and change border thickness to 0 and the blue border disappears. Your styling the wrong element, you need to style the links.
Add a Content Editor Webpart to the affected page. Edit the HTML for the webpart. Paste in the following text: This will remove borders from all images with links on the page. Show activity on this post.
Click on site actions (top left corner of screen) Go to : Site settings - Look and feel - site theme Change the selected color for the "followed Hyperlink" to white (color code is #F8F8F8) Click apply. Show activity on this post. The border is created from the outline attribute just make sure you have it as none.
You can set this CSS to remove the blue border on every image within a link:
a img {
border: 0;
}
Or add it inline to the img element:
<li>
<a href="#">
<img style="border: 0;" src="images/hospitality.png" title="" />
</a>
</li>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
