There are some issues with your code.
<body>
<img src="../Pictures/background2.jpg"; width="100% height="100%">
<h1>Galllery</h1>
<br>
<h2>ALL AREAS</h2>
<br>
<table>
<tr>
<td><a href="charlize.jpg><img src="../Pictures/charlize.jpg";width="251" height="140">
</td>
<td>Imfine</td>
<td>img1</td>
<tr>
</table>
You are missing the </a> tag at the end of your link. Are you also trying to make the image clickable so that when a user clicks on it it takes them to a new page with just the image? If that is so then you're URL source is not matching. The <a href="charlize.jpg><img src="../Pictures/charlize.jpg";width="251" height="140"> should have the same URL reference, either
<a href="charlize.jpg><img src="charlize.jpg"; width="251" height="140">
or
<a href="../Pictures/charlize.jpg><img src="../Pictures/charlize.jpg"; width="251" height="140">
I don't see the need to have the url parameter in the CSS along the td tag below. Also that url is different then the above two links.
#container {display:block;postition:absolute;z-index;top:130px;border-solid;
}
table {border:gold 5px solid; background-colorink;margin:right:10px;display:block;position:absolute;
z-index:1;top:3px;margin-left:200px;width:500px;height:700px;padding-top:25px;padding-bottom:25px;}
td {url{"spencer/Pictures/charlize.jpg") border:red 3px solid; background-color:white;width:25px;height:140px;
}
What happens when you look at the webpage version, is it a little red checkbox where the image is supposed to be, or do you get a page error saying the file could not be found when you click on the image?