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

[*This Confession*]

Okay I changed around the code, so now all the tables are the same width I saved the background image a different way so it would be the same color as the background

Now did you make this contact table?
if so next time use a template dear,
http://www.modmyspace.com/tutorials/contac...actTemplate.psd

Try again and use the same code just make sure you get the words in the right place, it does take some practice so don't worry about it.

Anyway new coding:

CODE

<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:1d828b;
background-image:url(http://i5.tinypic.com/26472ti.jpg);
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, 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:5pt; 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;}

TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;}
TD TD TD TD TD {border-top: 0px solid black; text-align:right;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: none; width:400px;}
TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE {padding: 0px; text-transform: none;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}

</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>

And it will now look like this: