How to Remove All Borders Around Images That Are Transparent
When creating an HTML document, you can include images of all shapes and sizes. You also can include borders that warp around each of these images. If you have a transparent image on your page and you want to allow the image to blend in with the rest of the page, then it would be best to remove the borders from around the images. When you have borders on your images -- transparent or not -- you must slightly alter the HTML on the page to remove them.
Instructions
-
-
1
Log in to your Web server and open the HTML page that includes the images from which you want to remove the borders.
-
2
Locate the HTML code that surrounds the first of the images with the border around it. The code surrounding the image should look something like this:
<IMG SRC="http://www.mysite.com/image1.jpg
BORDER=1 HEIGHT=200 WIDTH=300 ALT="alt text goes here">
-
-
3
Locate the "Border=1" section of the code. This could also be any number larger than "1," depending on the thickness of the border.
-
4
Change the "1" to a "0."
-
5
Repeat steps 2 through 4 for each image in the HTML document from which you want to remove a border.
-
6
Publish the page.
-
1