First off, I just want to say hey. I'm new here and have been reading a few posts and it seems like everyone is pretty cool here.

I have a little problem though and I just want to say from the start that I'm a complete novice (=n00b) when it comes to coding. I use Dreamweaver sometimes which goes to show that I don't know much of anything about coding. And, yeah, I know Dreamweaver is a bad way to learn about coding.

Here's the lowdown. I made a table in Dreamweaver and put text with links and styles and images inside of that table. I also put a background image in that table using CSS. I read here that when using a background image it's best to use CSS than to use Dreamweavers standard way of using background images with tables. All looked good from the code side and the layout so I saved it and transferred the code to a friends site. But, it didn't work the way I had thought.

I used the code on my friends site and I put the table code in the header injection code section of his squarespace site. I then tried to align "right" the adsense code to align it on the right side but it wasn't right. I wanted it sort of how Wonkette does their site.

Here's the code I've made regarding the table. The ad code is the standard adsense coding that google gives out. Other than those 2 codes, I have no idea how to make them fit.

<style type="text/css">
<!--
.bgimage {
    background-image: url(http://.....bigdlogo.jpg);
    background-repeat: no repeat;
}

.style1 {
    font-size: 36px;
    color: #FFFFFF;
}
a:link {
    color: #000000;
}
a:visited {
    color: #0000FF;
}
a:hover {
    color: #99FF00;
}
a:active {
    color: #99FF00;
}
.style2 {
    font-size: 36px;
    color: #555555;
}
-->
</style>


<table width="690" height="250" border="1">
  <tr>
  <td class="bgimage" align="left" valign="bottom"><p  align="left" class="style2"><a  href="http://www.website.com"><img  src="http://www.website.com-1.png" width="490" height="105" border="0"  /></a> <a href="http://www.website.com">Latest  Posts</a> </p>
    
<p align="right" class="style1"><a  href="www.website.com/post1.html"><img  src="http://www.website.com/post1.jpg" width="115" height="100"  /></a> <a  href="http://www.website.com/post2.html"><img  src="http://www.website.com/post2.jpg" width="115" height="90"  /></a> <a  href="http://www.website.com/post3.html"><img  src="http://www.website.com/post3.jpg" width="115" height="80"  /></a> <a  href="http://www.website.com/post4.html"><img  src="http://www.website.com/post4.jpg" width="115" height="90"  /></a> <a  href="http://www.website.com/post5.html"><img  src="http://www.website.com/post5.jpg" width="115" height="100" />  </a></p></td>
  </tr>
</table>

I wanted a 300x250 code on the right with my table on the left and I wanted them to level off evenly. I wanted links in side of the table and images clickable so that it's like a contained header thing. I made the table 690x250 so that it would be a nice fit, width wide. Is there anyway you see it possible to do that with the code I made? I absolutely know that the code probably isn't at its best so any help would be greatly appreciated. Thanks

I'm not sure what you want, but change this:
background-repeat: no repeat;
as
background-repeat: no-repeat;

Make class for <td> of your table like:
td.col1 {
width:300px;
}

Can you show a sample page?

The "-" issue is not the problem. i mean is a problem but any browser will ignore only the line that has an error, not entiry css block. It background shoud be rendered default (repeat-x and y). I see you use an full url for the image backgound source. Is from the same server or is external?(i can't see the full url) Is the image still there? Maybe it has been removed. Other problem shoud be a big bg image and a the cell might be to small.
Second (this is not involving your issue): you have this source for a image : "http://www.website.com-1.png". I don't think it will work. I wanted to wrote: "http://www.website.com/1.png"