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

[*StanleyThePanda*]

I put the code in my tester myspace, and everything looks fine.
Maybe you could explain more what kind of problem you are having, or take a screenshot of the problem?

[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!

[*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:

[urbanychic]

thank you! you are a lifesaver!!!