Rp Tutorials

My apologies if this has been asked earlier, or if it's as simple as 1, 2, 3 but I'm a total n00b when it comes to CSS and html and wasn't able for the life of me to figure it out on my own. I've seen this layout being used in different journals. Basically it has a big picture on one side of the page and the links, text and all the IJ junk on the other and I'd be forever grateful if someone could please tell me the code for it. Thank you so very much in advance, guys!

So I'm trying to get the background to work on this layout, and it's not. I'm okay with html, but this is really being annoying. Could someone help out?

GLOBAL_HEAD<= <title>les couleurs.</title> <style type="text/css"> a, :link, a:link, a:visited, a:active {font:normal 9px georgia, times new roman, arial; color: #83cc20; text-decoration:none; font-weight: bold; text-transform: lowercase; line-height: 11PX; padding: 1px 1px 1px 1px} a:hover {font:normal 9px georgia, times new roman, arial; text-decoration: underline; color: #ffffff; letter-spacing: 0; background-color: none; font-weight: bold; cursor: pointer; text-transform: lowercase; line-height: 11PX; padding: 1px 1px 1px 1px} b, strong, u, i, s{ color: 83cc20; } body { background-color: none; background-image: yes ' http://i52.tinypic.com/2efrnye.png' ; background-repeat:center-left ; background-position: 5% 5%; background-attachment: fixed; margin-top: 50px; scrollbar-face-color: #ffffff; scrollbar-arrow-color: #ed8071; scrollbar-track-color: #ffffff; scrollbar-highlight-color: #b4e080; scrollbar-3dlight-color: #b4e080; scrollbar-darkshadow-color: #b4e080; scrollbar-shadow-color: #b4e080; } tr.caption{visibility:hidden;position:absolute;top:1px} table table tr.caption td.caption{visibility:hidden} table table table table .meta {visibility:hidden;position:absolute;top:1px} table table table table table .meta {visibility:visible;position:relative;top:1px} table { width: 350px; margin-left: 1%; margin-right: 1%; margin-bottom: 0px; background-color: 73665d; border: 0px solid #ffffff; } table table { width: 100%; margin:0%; border: 0; } table table table { width: auto; } body, td, font, div, p { font-family: georgia, times new roman, arial; font-weight: normal; font-size:7pt; line-height: 7pt; letter-spacing: 0pt; text-transform:none; color:#372921; } p table table td.caption, p table table td.caption a:link, p table table td.caption a:visited, p table table td.caption a:hover { font-weight: bold; font-family: georgia, arial, sans-serif; text-transform: lowercase; font-size: 10pt; color: #372921; text-align: left; } p .index { font-weight: none; font-family: georgia, arial, sans-serif; text-transform: lowercase; font-size: 8pt; color: #372921; text-align: right; } .comments { font-weight: normal; color: #ffffff; font-family: georgia, times new roman, arial; text-transform: lowercase; } </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <tr><td colspan="5" width="100%"> <table style="float:center" cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <style type="text/css"> <style type="text/css">.shadowed td div { visibility: hidden; position: absolute; top: 1px; }</style> light up, light up, as if you have a choice. even if you cannot hear my voice, I'll be right beside you dear. louder, louder, and we'll run for our lives. I can hardly speak, I understand why you can't raise your voice to say.<br><br> <a href="http://deadlylovekiss.insanejournal.com/profile/">profile</a> , <a href="http://deadlylovekiss.insanejournal.com/friends/">friends</a> , <a href="http://deadlylovekiss.insanejournal.com/">recent</a> , <a href="http://deadlylovekiss.insanejournal.com/calendar/">archive</a> , <a href="http://sugarbones.insanejournal.com/">layout</a> </td></tr></table></td></tr> <=FRIENDS_WEBSITE LASTN_TALK_READLINK=><a href="%%urlread%%">lisez tous</a> <small>(%%messagecount%%)</small> LASTN_OPT_ITEMS=>3 LASTN_DATE_FORMAT=>%%dayshort%% %%d%% %%monshort%% / %%12h%%:%%min%%%%ampm%%</span> CALENDAR_WEBSITE<= <tr><td colspan="5" width="100%"> <table style="float:center" cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <style type="text/css">.shadowed td div { visibility: hidden; position: absolute; top: 1px; }</style> light up, light up, as if you have a choice. even if you cannot hear my voice, I'll be right beside you dear. louder, louder, and we'll run for our lives. I can hardly speak, I understand why you can't raise your voice to say.<br><br> <a href="http://deadlylovekiss.insanejournal.com/profile/">profile</a> , <a href="http://deadlylovekiss.insanejournal.com/friends/">friends</a> , <a href="http://deadlylovekiss.insanejournal.com/">recent</a> , <a href="http://deadlylovekiss.insanejournal.com/calendar/">archive</a> , <a href="http://sugarbones.insanejournal.com/">layout</a> </td></tr></table></td></tr> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <tr><td colspan="5" width="100%"> <table style="float:center" cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <style type="text/css"> <style type="text/css">.shadowed td div { visibility: hidden; position: absolute; top: 1px; }</style> light up, light up, as if you have a choice. even if you cannot hear my voice, I'll be right beside you dear. louder, louder, and we'll run for our lives. I can hardly speak, I understand why you can't raise your voice to say.<br><br> <a href="http://deadlylovekiss.insanejournal.com/profile/">profile</a> , <a href="http://deadlylovekiss.insanejournal.com/friends/">friends</a> , <a href="http://deadlylovekiss.insanejournal.com/">recent</a> , <a href="http://deadlylovekiss.insanejournal.com/calendar/">archive</a> , <a href="http://sugarbones.insanejournal.com/">layout</a> </td></tr></table></td></tr> <=LASTN_WEBSITE LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">commentaire</a> </td> </tr> <=LASTN_TALK_LINKS