Varför får jag en tom ram runt min bild (html)?

@michael123:
För att browsers standardutseende för tabeller har fördefinierade css-egenskaper.
Om du lägger till följande så får du bort det vita utrymmet runt din bild men det tar även bort lite döyta överallt.
Lämpligtvis lägger du in en div i dina td-celler där du kan påverka css-en utan att förstöra layouten genom att applicera egen padding och liknande vid behov. Alternativt så ändrar du så att du bara tar bort padding för din centrala td.

td {
    padding: 0;
}

Ramen har, som du fått svar på, med tabellens cellpadding att göra.
Jag är lite mer fundersam på varför du använder en tabell som ett layout-element?
Det var vanligt under sena 90-talet och tidiga 2000-talet innan webb-läsarna började stödja lite kraftfullare layout-element.

Så innan du skriver för mycket kod skulle jag nog rekommendera dig att titta lite mer på div, article och section och CSS och olika möjligheter för att skapa layouten den vägen.

Bilden är för bred för att få plats i kolumnen i mitten, därför "trycker den ihop" de andra kolumnerna.

En liten annan notering är att din tabell inte är tillräckligt bred för att rymma kolumnerna med de värden du angett.
Förklaringen är att HTML räknar lite lustigt på bredder och höjder i standardutförande (det går att ändra med CSS). (Se: CSS Box Model)
Dina sido-kolumner vill i dagsläget vara 150+10+10+1+1 = 172 pixlar breda (width + padding left + padding right + border left + border right) och mittenkolumnen vill vara 400+10+10+1+1 = 422 pixlar bred. Dock är tabellen angiven att vara 700 pixlar bred, vilket inte räcker till då summan av kolumnerna är 766 pixlar. Du kan utelämna width på tabellen om du vill, så kommer den att bli så bred som den behöver.