this is what I see
My second problem is the top part of my page where the ad and navigation is. Everything is fine except theres a big black rectangular background behind it and it blocks my normal background. I dont know where it came from but I cant seem to get it to go away.
this black thing
Here's the code I'm using...and yes I know it's a bit of a mess =|
CODE
<style>{sets the default style for the body, table data, list data, divisions and text areas}{ body, well you know what that is}{ div, p, and xmp are classes}{ table, tr, td, and th are table properties}body,div,p,xmp,table,tr,td,th{background-color:000000;scrollbar-arrow-color:000000;scrollbar-track-color:000000;scrollbar-shadow-color:ffFFFF;scrollbar-face-color:ffFFFF;scrollbar-highlight-color:ffFFFF;scrollbar-darkshadow-color:ffFFFF;scrollbar-3dlight-color:ffFFFF;font-family:century gothic;font-size:8pt;color:000000;border:none;}input, select, textarea, .textfield, .button {font-family:Century Gothic;font-size:8pt;color:ffffff;border: 1px dashed FFFFFF;background-color:transparent;text-align:center;}{ TEXT DEFAULTS }{class for the basic font for the page}.text {font-family:Century Gothic; font-size:10pt; line-height:15pt; color:ffffff;text-align:justify;}b,i,strong,em,u,s {font-family:Century Gothic; font-size:14pt;color:ffffff;font-weight:normal;cursor:help;}{style for the number of friends you have.}.redbtext{font-family:Century Gothic; font-size:8pt; line-height:10pt; color:ffffff;border:0px solid FFFFFF; }{repeat of the style for how many comments you have}.redbtext{font-family:Century Gothic; font-size:8pt; line-height:10pt; color:ffffff; border:0px solid FFFFFF;}{"Blurbs", "About Me", "Who I’d like to Meet", "Friend Space", and "Friend’s Comments" style}.orangetext15{font-family:Arial; text-transform:uppercase; font-size:16px; color:ffffff; font-weight:bold;background:000000; border:0px solid FFFFFF;text-decoration:none;}{"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:century gothic; text-transform:uppercase; font-size:10px; color:ffffff; font-weight:bold;background:000000;border:0px solid FFFFFF;text-align:right;}{"In your extended network" style}.blacktext12{font-family:courier new; font-size:5px; color:ffffff; font-weight:bold;text-decoration: underline; text-transform:uppercase;}{"Contacting", "Interests", "Details", and "Schools" title styling}.whitetext12{font-family:century gothic; font-size:16px; color:ffffff; font-weight:bold;text-decoration: underline; border:0px solid ffffff; text-transform:normal;}{Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?}.nametext{font-family:arial; font-size:18px; color:ffffff; font-weight:bold;text-decoration:underline;border:none;text-transform:normal;}{date stamp on comments}.blacktext10{font-family:century gothic; font-size:8pt; line-height:10pt; color:ffffff;border:0px solid FFFFFF;}{This is how all anchor points will be displayed; anchor points appear before all links.}a, a:link,a:active,a:visited{font-family:century gothic; font-size:8pt; line-height:10pt; color:ffffff;text-decoration:none}a:hover{border-bottom:1px dashed FFFFFF; font-family:century gothic; font-size:8pt; line-height:10pt; color:FFFFFF;} {not used on profile}a.readmail,a.readmail:link,a.readmail:active,a.readmail:visited{font-family:century gothic; font-size:8pt; line-height:10pt; text-decoration:none;color: ffffff;}a.readmail:hover{font-family:century gothic; font-size:8pt; line-height:10pt; color:ffffff;border-bottom:1px dashed FFFFFF; }{ "View all friends" and "invite more" link style}a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:century gothic; font-size:8pt;font-weight:bold;color:000000;text-decoration:none}a.redlink:hover{font-family:century gothic; font-size:8pt; line-height:10pt; color:ffffff;border-bottom:1px dashed FFFFFF;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:century gothic; font-size:8pt;color:;text-decoration:none}a.navbar:hover{font-family:century gothic; font-size:8pt; line-height:10pt; color:000000; border-bottom:1px dashed FFFFFF;}{ TEXT FORMATTING DEFAULT FONT, SIZE 8, BLACK }{ btext used for "latest blog entry" and "USERNAME has * friends"}.btext, .itext{font-family:arial; font-size:8pt; line-height:10pt; color:FFFFff;border:0px solid FFFFFF;}{ DEFAULT FONT, SIZE 8, COLORS }{unused on profile}.bwtext, .rtext, .rbtext, .subhead{font-family:century gothic; color:FFFFff;font-size:8pt;font-weight:bold;}{ DEFAULT FONT, SIZE 8 }{unused on profile}.stext, .sbtext, .swtext{font-family:century gothic; color:FFFF00;font-size:8pt;}{ DEFAULT FONT, SIZE 11 }{unused on profile}.head11, .text11{font-family:century gothic; color:FFFF00;font-size:8pt;}{ TABLE COLORS }{apparently unused?}table.grey, tr.grey, td.grey{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.white, tr.white, td.white{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.accent_light, tr.accent_light, td.accent_light{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;} table.accent_dark, tr.accent_dark, td.accent_dark{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.action, tr.action, td.action{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF; }table.blue_light, tr.blue_light, td.blue_light{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.blue_dark, tr.blue_dark, td.blue_dark{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}{"Help" and "Signout" in very top in right corner}a.man,a:link,a:active,a:visited{font-family:century gothic; font-size:8pt;color:FFFFFF; text-decoration:none;}a:hover{font-family:century gothic; font-size:8pt;color:FFFFff; text-decoration:none;border-bottom:1px dashed FFFFFF;}</style>
<style>
body {
background-color:none ;
background-image: url('http://img.photobucket.com/albums/v492/kittygirl09/tennis-balls2.jpg');
background-attachment:fixed;
background-repeat: repeat;
background-position:center;
}
<style>
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img.photobucket.com/albums/v492/kittygirl09/Rafa20.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:560px; height:710px; display:block !important; }
span.blacktext12 img {display:none;}
</style>
<style> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img.photobucket.com/albums/v492/kittygirl09/contacttablecopy.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}</style>
<style>
.blurbs {width:200px;}
</style>
<style>
table {
filter:alpha(opacity=80); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:1.0;}
</style>
<style>
table table { border: 0px }
table table table table{border-style:solid;border-width:1px;border-color:ffffff;background-color:ffffff;}
table table table {border: 0px }
</style>
a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:century gothic; font-size:8pt;color:;text-decoration:none}a.navbar:hover{font-family:century gothic; font-size:8pt; line-height:10pt; color:000000; border-bottom:1px dashed FFFFFF;}{ TEXT FORMATTING DEFAULT FONT, SIZE 8, BLACK }{ btext used for "latest blog entry" and "USERNAME has * friends"}.btext, .itext{font-family:arial; font-size:8pt; line-height:10pt; color:FFFFff;border:0px solid FFFFFF;}{ DEFAULT FONT, SIZE 8, COLORS }{unused on profile}.bwtext, .rtext, .rbtext, .subhead{font-family:century gothic; color:FFFFff;font-size:8pt;font-weight:bold;}{ DEFAULT FONT, SIZE 8 }{unused on profile}.stext, .sbtext, .swtext{font-family:century gothic; color:FFFF00;font-size:8pt;}{ DEFAULT FONT, SIZE 11 }{unused on profile}.head11, .text11{font-family:century gothic; color:FFFF00;font-size:8pt;}{ TABLE COLORS }{apparently unused?}table.grey, tr.grey, td.grey{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.white, tr.white, td.white{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.accent_light, tr.accent_light, td.accent_light{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;} table.accent_dark, tr.accent_dark, td.accent_dark{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.action, tr.action, td.action{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF; }table.blue_light, tr.blue_light, td.blue_light{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.blue_dark, tr.blue_dark, td.blue_dark{font-family:century gothic; font-size:8pt;background:transparent;border:0px solid FFFFFF;}{"Help" and "Signout" in very top in right corner}a.man,a:link,a:active,a:visited{font-family:century gothic; font-size:8pt;color:FFFFFF; text-decoration:none;}a:hover{font-family:century gothic; font-size:8pt;color:FFFFff; text-decoration:none;border-bottom:1px dashed FFFFFF;}</style>
<style>
body {
background-color:none ;
background-image: url('http://img.photobucket.com/albums/v492/kittygirl09/tennis-balls2.jpg');
background-attachment:fixed;
background-repeat: repeat;
background-position:center;
}
<style>
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img.photobucket.com/albums/v492/kittygirl09/Rafa20.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:560px; height:710px; display:block !important; }
span.blacktext12 img {display:none;}
</style>
<style> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img.photobucket.com/albums/v492/kittygirl09/contacttablecopy.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}</style>
<style>
.blurbs {width:200px;}
</style>
<style>
table {
filter:alpha(opacity=80); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:1.0;}
</style>
<style>
table table { border: 0px }
table table table table{border-style:solid;border-width:1px;border-color:ffffff;background-color:ffffff;}
table table table {border: 0px }
</style>
Your help will be greatly appreciated
