and i want it to look like this:
here is the code I have with the layout code just incase there's something in the layout code that is wrong:
CODE
<a href='http://www.createblog.com/'>..</a>
<style type=text/css>
body {
background-color: FFFFFF;
background-image: url("http://i12.tinypic.com/2z6sfw7.jpg");
background-position: bottom left;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:000000;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 000000;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:000000;}
table, tr, td {background-color: transparent; border: 1px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
{The actual modules}
table table table {border: 1px solid; border-color: FFFFFF; background-color: 336666; }
{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}
{class for the basic font for the page}
.text {font:normal 9px arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}
{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: FFFFFF; font-weight: none; font-size: 9px; letter-spacing: -2px;}
{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{”In your extended network” style}
.blacktext12{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }
{Stylizing of your name above your picture }
.nametext{font-family: arial; color: 336666; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}
{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:00000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
</style>
<style type=text/css>
body {
background-color: FFFFFF;
background-image: url("http://i12.tinypic.com/2z6sfw7.jpg");
background-position: bottom left;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:000000;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 000000;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:000000;}
table, tr, td {background-color: transparent; border: 1px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
{The actual modules}
table table table {border: 1px solid; border-color: FFFFFF; background-color: 336666; }
{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}
{class for the basic font for the page}
.text {font:normal 9px arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}
{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: FFFFFF; font-weight: none; font-size: 9px; letter-spacing: -2px;}
{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{”In your extended network” style}
.blacktext12{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }
{Stylizing of your name above your picture }
.nametext{font-family: arial; color: 336666; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}
{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:00000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
</style>
the banner code:
CODE
<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i1.tinypic.com/4ha1iq9.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:WIDTHpx;350 height:HEIGHTpx;490 display:block !important; }
span.blacktext12 img {display:none;}
</style>
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i1.tinypic.com/4ha1iq9.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:WIDTHpx;350 height:HEIGHTpx;490 display:block !important; }
span.blacktext12 img {display:none;}
</style>