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>