Critique My Page. I need some basic HTML help

[Dj Konker]

HI,

Below is the code for my page, and I'd like some suggestions so I can "stream line" my page.

Here is a direct link: www.myspace.com/djkonkerock

Also, how would I insert a table in that blank space in between my top 8 and comment section? I would appreciate any help, thanks.

<style>
body {
background-color: rgb(0, 0, 0);
background-image: url([url]http://i33.tinypic.com/2nk18gi.jpg);[/url]
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
</style> 

<style>
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: outset;
background-color: transparent;
}
table table table td {
background-color: rgb(0, 0, 0);
}
table table table table td {
filter:none;
}</style>

 <style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Trebuchet MS;
font-size: 12px;
color: rgb(229, 229, 229);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: 0px;
color: rgb(0,0,0);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext10, .orangetext15 {
font-family: Verdana;
font-size: 12px;
color: rgb(229, 229, 229);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(224, 214, 59);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(224, 214, 59);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style> 

<style>
.nametext {display:block; font-size:0%; width:100%;

background-image:url(Above Display Pic);

background-position:center center; background-repeat: no-repeat; height:300px; margin:0px;

padding:0px;}
</style>

 <style>
.blacktext12 {
font-family: Arial; font-size: 0px; color: 000000;}
span.blacktext12 {
background-color: transparent; background-image: url(Insert HereHHHH); width: 400px; height: 460px; display: block;
</style> 


<style>
.contactTable {
width:250px !important; height:150px !important; padding:0px !important;
background-image:url(            below display pic           );
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;}
.contactTable .whitetext12 {display:none;}C{ }
</style> 

<style>
.thebanner{
background-color:000000;
position: absolute; 
left: 53%; 
top: 250px;
width: 720px; 
height: 500px;
margin-left: -400px;
overflow:hidden;
background-position:center left;
background-repeat:no-repeat;
border-width: 0px; 
border-style: solid;
}


body table table td {padding-top:500px;}


div table table td {padding-top:0px;}
body table table table td {padding-top:6px;}
</style>
<div class="thebanner"><img src="http://i33.tinypic.com/2e5439g.jpg" /></a><br />KONKER DESIGN</div>

[Dj Konker]

Any help or suggestions on how to make it better would be great.

[ccube921]

Suggestion: TOO CRAMPED!
Solution:
1.Take off your sidebar DJ KONKER things (I like them but it crowds the design)
2. Make your logo bigger so that in the middle you can stick your music box and that picture with the Konker heading.
3. all those, DJs last post last log-in, and so on, get laid out under your Logo (which has your music box and CD cover on it), BUT, you must lay them out along the width of the page, like so:
Last post: Last Log-in: CD:
4. Put your friends pictures centered under the text.

And thats about it, people dont like having to scroll down every time they want to see the next thing, its nicer to take off some of the bling and find space for your content.

[MidiMagic]

I agree. It took three minutes for the whole thing to load on DSL.

Put in multiple pages, with links to each one from the main page.

[Jen0608]

It looks good... I got a couple of comments... its too graphic intensive...and the headphone plugs are all over the page...and your logo is too big...

[cfajohnson]

Before doing enything else, fix the errors:

Errors found while checking this document as HTML 4.01 Transitional!
Result: 342 Errors, 281 warning(s)

Check your page at http://validator.w3.org.