HTML - Novice Needs Coding For Mouseover Help

hey!
i wonder if any one can help me out?
scroll a little way down this page www.myspace.com/tonyvincent and on the left you will see 4 (clickable) album covers with their 'buy now' and 'itunes' buttons underneath each one. what i want to do is to make it so that the album covers (and their buttons) (instead of being listed one under another) form a box / square type shape. two colums with two in each if you like. can anyone help me code this? i've no idea how to line images up side by side

many thanks in advance for any guidance

ing
x

this is the code as it is now....

<a href=http://cdbaby.com/cd/tonyvincent><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent152x152.png" ></a><br>A Better Way EP<br>Released 2007<br><a href=http://cdbaby.com/cd/tonyvincent><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=264239517&id=264238232&s=143441">
<img height="15" width="61" alt="Tony Vincent - A Better Way - EP" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"></a>
<p>
<a href=http://cdbaby.com/cd/tonyvincent2><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent2152x152.png" ></a><br>One Deed<br>Released 1997<br><a href=http://cdbaby.com/cd/tonyvincent2><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=268702344&id=268701898&s=143441">
<img height="15" width="61" alt="Tony Vincent - One Deed" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif">
</a>
<p>
<a href=http://cdbaby.com/cd/tonyvincent3><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent3152x152.png" ></a><br>Tony Vincent<br>Released 1995<br><a href=http://cdbaby.com/cd/tonyvincent3><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=269107343&id=269107333&s=143441">
<img height="15" width="61" alt="Tony Vincent - Tony Vincent" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif">
</a><p>
<a href=http://cdbaby.com/cd/tonyvincent4><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent4152x152.png" ></a><br>Love Falling Down EP<br>Released 1993<br><a href=http://cdbaby.com/cd/tonyvincent4><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=269107344&id=269107340&s=143441">
<img height="15" width="61" alt="Tony Vincent - Love Falling Down" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif">
</a>

Hiya

I am designing my first website for a charity. I have learnt simple HTML but not that good yet so I am confused on two things:

1. Why can't I see my images, I have been building my site offline and linked to where the images are saved. The other day I could view them and today I can't, I have checked several times that the file route is correct and it is. So why do they just come up with a box and small red x?

2. How do you make words (such as menu navigation) change colour and pop out when you hover over them?

I hope I have posted this in the correct place, forgive me if I haven't but I did not know where else these questions should do.

Any help you can give and also sites that have cool example codes would be great.

Thank you in advance
Michaela

Hey guys:
I am new to this and have been catching on real quick. This is for my final project for college and i have one minor issue i have been looking into for the past 20 minutes now. I cannot get the nav bar on the left to align to the top near the banner i had created. Very simple for some but an issue for me. Sorry to bother you guys, and i did search for this issue. Thanks in advanced,

Oh and heres the site:
http://academ.hvcc.edu/~02479568/rude_rsx/photos.htm
Deric

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

#nav-menu #photos

{

color: #607650;

font-weight: bold;

}

</style>

<title>Photography</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" href="template.css" type="text/css">

</head>



<body>

<table>

<tr>

<td colspan="2"><img src="img/banner.jpg" alt="cars"></td>

</tr>

<tr>


<td width="218" height="766">
<div id="nav-menu">

<ul>

<li><a href="index.htm" id="home">Home</a></li>



<li><a href="photos.htm" id="photos">Photos</a></li>



<li><a href="mods.htm" id="mods">List of Mods</a></li>



<li><a href="insp.htm" id="insp">Inspirations</a></li>



<li><a href="events.htm" id="events">Events</a></li>



<li><a href="contact.htm" id="contact">Contact Me</a></li>

</ul>

</div>

</td>

<td valign="top" width="488">

<div class="content">

<center><h2>Photos</h2></center>


<p>This page will show you phot's of my vehicle taken my a Nikon D40 SLR Camera.
Pictures taken and photoshopped by M.I.</p>
<BR>
<center><p>(Click Images to Enlarge)</p></center>


<table>
<tr>
<td><a href="img/MyS3.jpg"><img align="left" src="img/MyS3.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS2.jpg"><img align="left" src="img/MyS2.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS1.jpg"><img align="left" src="img/MyS1.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS4.jpg"><img align="left" src="img/MyS4.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS5.jpg"><img align="left" src="img/MyS5.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS6.jpg"><img align="left" src="img/MyS6.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS7.jpg"><img align="left" src="img/MyS7.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS9.jpg"><img align="left" src="img/MyS9.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
</table>

</div>

</td>

</tr>

</table>



</body>

</html>



CSS file:

body
{
background-color: #C2C2C2;
margin-left: 100px;

}

.content
{
color: #5D734D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 2em;
margin-right: 2em;
}

.leftnav
{
background-color: #C2AD67;
width: 217px;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
height: 45px;
line-height: 45px;
width: 217px;
display: block;
border: none;
border-bottom: 3px solid #000000;
color: #755F3E;
text-decoration: none;
text-align: top;
text-indent: 0.8cm;
}

#nav-menu li a:hover
{
color: #FFFFFF;
font-weight: bold;
background-color: #424242;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
}
/* End hide */

#nav-menu
{
width: 217px;
}

Good afternoon,

I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code:

<div style="position:absolute; left:2px; top:2px; width:797px; height:151px;">


Can you please help solve my hair pulling issues with the absolute postioning.

Hello, im working on a small website project for me and my coworkers, none of us are very good with HTML and i'm trying to figure out something that I am sure is probably a simple thing to people that know this stuff. I have two forms, "box1" and "box 2", and I want both of the inputs to save to a text file when the person entering hits "submit". I'd also like the "submit" button to redirect to another page following the saving of the inputs to the text file... i'd apprecate any help you can give me Ive been searching google for a while but its just confusing me.