layout coding issues Options

[urbanychic]

hey guys

i made this layout that i love (with contact table) and i've put it all in the code, and it just isn't looking right. the contact table isn't aligned properly so that when you put your mouse over it, its not a link. The lettering over the tables are too small and too close together. I thought I was adjusting the right one, but apparently I wasn't. The tables are large, and I'd like it to be more justified. Can anyone help? I'm just at wits end!

CODE

<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:1d828b;
background-image:url('http://img.photobucket.com/albums/v687/urbanychic/bkgnd.png');
background-attachment:fixed;
background-repeat: no-repeat;
background-position:bottom left;
}
table table { border: 0px }
table table table table{border:0px}
table, td{
background-color:transparent;
}
table table table{ background-color:1d828b; border-color:FFFFFF; border-style:solid; border-width:1px;
}
table table table table{ background-image:none;
}
table table table table, table table table td{ border-style:none;  
}
table table td.text table, table table td.text table td {width:auto;}
.mygen { Text Properties }
table, tr, td, li, p, div { font-family:tahoma; color:1d828b; line-height:10px      }
.btext { font-family:tahoma; color:666666; font-weight:normal}
.blacktext10 { font-family:tahoma; color:666666; font-size: 15px; letter-spacing:-2pt; text-align: center; line-height: 27px; font-weight:normal; display:block;}
.blacktext12 { font-family:tahoma; color:666666; line-height:10px}
.lightbluetext8 { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; text-transform:uppercase}
.orangetext15 { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase}
.redtext { font-family:small fonts; fony-size:7px; color:666666; line-height:10px; font-weight:normal}
.redbtext { font-family:tahoma; color:FFFFFF; font-size:11px; line-height:10px}
.text { font-family:tahoma; color:666666;line-height:10px}
.whitetext12 { font-family:tahoma; color:FFFFFF; font-size: 15px; letter-spacing:10pt; text-align: center; line-height: 15px; font-weight:normal; display:block; background-color:666666; visibility:visible;border-bottom:dashed 1px; border-color:FFFFFF;text-align:center;text-transform:lowercase}      
a:active, a:visited, a:link { font-family:small fonts; font-size:7px; color:FFFFFF; font-weight:normal; text-decoration:none; text-transform:uppercase}
a:hover { font-family:small fonts; font-size:7px; color:FFFFFF; font-weight:normal; border-color:FFFFFF; text-transform:uppercase}
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:small fonts; color:FFFFFF; text-decoration:none}
a.navbar:hover { font-family:small fonts; color:FFFFFF; text-transform:uppercase; border-color:FFFFFF}
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:small fonts; font-size:7px; color:666666; font-weight:normal; text-decoration:none}
a.redlink:hover { font-family:small fonts; font-size:7px; color:FFFFFF; font-weight:normal; border-color:FFFFFF}
.nametext { font-family:tahoma; color:tahoma; font-size: 15px; letter-spacing:10pt; text-align: center; line-height: 15px; font-weight:normal; display:block; background-color:666666; visibility:visible;border-bottom:dashed 1px; border-color:FFFFFF;text-align:center;text-transform:lowercase;}
b, strong { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase}
i, em {font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase;}
</style>

<style type="text/css">
.contactTable {
width:300px !important; height:200px !important; padding:0px !important;
background-image:url("http://img.photobucket.com/albums/v687/urbanychic/contact.png");
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:30px; width:150px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>

you can message me on here, aim (urbanychic83) or on myspace (urbanychic) if you can help me. i so appreciate it! thank you muchly

[urbanychic]

ok, so i thought maybe i was being retarded last night and i rechecked it on myspace. and, i fixed a few things but it still isn't looking as nice as i would like. i took two screen caps so you could get my drift.





and, as you can see, the contact table is off. (haha you'll notice a lot is off in this layout)
i tried making the extended network banner skinny, and somehow it took my layout away. the wording above the tables is too big, and i don't know where exactly i need to go to change it. and the table for the blogs/friends/comments/etc are really large! i would like them to be a bit more justified and not all over the place.

and since someone, hopefully is helping me here. what is the code i can put to put the date of the comments in a different color and be smaller and not so widely spaced?

oh, here is the updated code:

CODE

<style type="text/css">

body {
background-color:1d828b;
background-image:url('http://img.photobucket.com/albums/v687/urbanychic/bkgnd.png');
background-attachment:fixed;
background-repeat: no-repeat;
background-position:bottom left;
}
table table { border: 0px }
table table table table{border:0px}
table, td{
background-color:transparent;
}
table table table{ background-color:1d828b; border-color:FFFFFF; border-style:solid; border-width:1px;
}
table table table table{ background-image:none;
}
table table table table, table table table td{ border-style:none;  
}
table table td.text table, table table td.text table td {width:auto;}
.mygen { Text Properties }
table, tr, td, li, p, div { font-family:tahoma; color:ffffff; line-height:10px      }
.btext { font-family:tahoma; color:666666; font-weight:normal}
.blacktext10 { font-family:tahoma; color:666666; font-size: 15px; letter-spacing:10pt; text-align: center; line-height: 27px; font-weight:normal; display:block;}
.blacktext12 { font-family:tahoma; color:666666; line-height:10px}
.lightbluetext8 { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; text-transform:uppercase}
.orangetext15 { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase}
.redtext { font-family:small fonts; fony-size:7px; color:666666; line-height:10px; font-weight:normal}
.redbtext { font-family:tahoma; color:FFFFFF; font-size:11px; line-height:10px}
.text { font-family:tahoma; color:666666;line-height:10px}
.whitetext12 { font-family:tahoma; color:FFFFFF; font-size: 15px; letter-spacing:10pt; text-align: center; line-height: 15px; font-weight:normal; display:block; background-color:666666; visibility:visible;border-bottom:dashed 1px; border-color:FFFFFF;text-align:center;text-transform:lowercase}      
a:active, a:visited, a:link { font-family:tahoma; font-size:7px; color:FFFFFF; font-weight:normal; text-decoration:none; text-transform:lowercase}
a:hover { font-family:tahoma; font-size:7px; color:FFFFFF; font-weight:normal; border-color:FFFFFF; text-transform:uppercase}
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:tahoma; color:FFFFFF; text-decoration:none}
a.navbar:hover { font-family:tahoma; color:FFFFFF; text-transform:uppercase; border-color:FFFFFF}
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:tahoma; font-size:7px; color:666666; font-weight:normal; text-decoration:none}
a.redlink:hover { font-family:tahoma; font-size:7px; color:FFFFFF; font-weight:normal; border-color:FFFFFF}
.nametext { font-family:tahoma; color:tahoma; font-size: 15px; letter-spacing:10pt; text-align: center; line-height: 15px; font-weight:normal; display:block; background-color:666666; visibility:visible;border-bottom:dashed 1px; border-color:FFFFFF;text-align:center;text-transform:lowercase;}
b, strong { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase}
i, em {font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase;}
</style>



<style type="text/css">
.contactTable {
width:300px !important; height:200px !important; padding:0px !important;
background-image:url("http://img.photobucket.com/albums/v687/urbanychic/contact.png");
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:30px; width:150px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>

i really appreciate everyones help. really, i do!