Images

I'm new to this forum so first of all let me say thanks for letting me jump in from time to time. I am learning the in and out's of (X)HTML, I have not gotten into CSS yet but I will eventually.
A few days ago I learned how to make a image hyperlink but every time I inserted one there would be a blue box around the image. I asked someone if it was possible to remove the blue box and he told me to include border="0"

<a href="http://www.thegardencompany.com"><img src="C:\Documents and Settings\Administrator\Desktop\web_site\Pictures\leaf.gif"border="0"></a>

I did this and it worked but now the image doesn't have a blue box around it just a small square white background around the image where the box was, and the rest of the page background is beige. Is there a way to fill the white background around the image to be the same color?

 

Hey there, im not entirely sure why you've got a white border aroud your image. You could try using the folling code instead:

<a href="http://www.thegardencompany.com"><img src="http://www.yankiwi.us/images/leaf.gif" border="0" width="100" height="100" alt="" /></a>

Code (markup):

Hope this helps

 

Are you accessing the web page from your local machine? Are you running a web server on your PC?

It sounds like the image hasn't been found - check your img source path...

 

Problems with your HTML.

<a href="http://www.thegardencompany.com"><img src="file://C:\Documents and Settings\Administrator\Desktop\web_site\Pictures\leaf.gif" border="0"></a>

Code (markup):

* Added "file://" at the start of the image path
* Added space between image URL and "border" - you missed it out.

Try that.

Never tried linking to files on my PC before through the browser so not sure if it'll work or not.

If not, you need to copy the leaf.gif file to where your HTML file is and point to it there instead.