Hi there, I am very new to HTML and I wonder if its possible to add a black background to this mostly transparent picture.

I would like to have it the same size and placement as the image. As I said im new to HTML so I dont know how complicated this is.


<IMG WIDTH=498 HEIGHT=498 ID="myImage" NAME="myImage"
SRC="PBPictures/Miscellaneous Pics/funnyfunkypadlock350.jpg"></IMG>

Any help would be highly appreciated.

What you should do is just style the background html to black and have it the same height and width as the image.

To do this, you just create a style sheet for your html page, add a div and id named to whatever you would like, and then just set the background color to black and the width and height to whatever size your image is.

Example of what the CSS id would be:

#image {
width: 800px;
height: 300 px;
background-color: #000000;
}

Hope this helps.

Thanks a ton I got it working with your help.

Originally Posted by PBScott

Hi there, I am very new to HTML and I wonder if its possible to add a black background to this mostly transparent picture.

I would like to have it the same size and placement as the image. As I said im new to HTML so I dont know how complicated this is.


<IMG WIDTH=498 HEIGHT=498 ID="myImage" NAME="myImage"
SRC="PBPictures/Miscellaneous Pics/funnyfunkypadlock350.jpg"></IMG>

Any help would be highly appreciated.

I know all you CSS people are going to hate me for this but I am going to do it anyways. This could be considered bad form but it works..

<table bgcolor="#000000">
<tr><td>
<IMG WIDTH=498 HEIGHT=498 ID="myImage" NAME="myImage"
SRC="PBPictures/Miscellaneous Pics/funnyfunkypadlock350.jpg">
</td></tr></table>

but to make the CSS gods happy again i am going to add a link here to some great CSS tutorials. my2cents
<link drop removed>