CSS, smaller page, background and more.., Help Options

[E-Yak]

Please I need someone to step by step help me with what i want, because i am beyond frustrated right now..

I cant seem to get a CSS ( i looked at the ones given on this site) that does what i want, or that i can manipulate to do what i want..

basically..
I want a small page (small as in u zoomed out on it), without having to hide my contact table
my page back ground to be one color and then for my tables to have a picture
my pictures (in friends area and comments) to be smaller

thats it.. i've been doing this for hours, and its like if i get one thing to work something else doesnt..

[freeflow]

-You can't have a small page w/ the contact table. Its possible but the contact table will stretch it out.
- You can learn how to have a bg color and picture for tables by reading the link I give below.
- For friends and comments pictures to be smaller go to scripts.



http://www.createblog.com/forums/index.php?showtopic=144829
That is a step by step css tutorial. Use it. Its easy. You can do it. She broke it down really well.

[taureanangel]

-You can't have a small page w/ the contact table. Its possible but the contact table will stretch it out.
- You can learn how to have a bg color and picture for tables by reading the link I give below.
- For friends and comments pictures to be smaller go to scripts.
http://www.createblog.com/forums/index.php?showtopic=144829
That is a step by step css tutorial. Use it. Its easy. You can do it. She broke it down really well.

actually, you can have a small profile and a contact table. insert this code after your text properties in your layout code, and this will make your page small, including the contact table:


.contactTable
table table td img
table table table td img {display:inline;}
table td td {width:0px;}
table {width:450px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:220px !important; height:0px;}
td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:170px !important; display:block;}
textarea, input, font, a, table, td, div, b {font-size:6pt !important;}
span {font-size:7pt !important;}
embed, object {display:block; width:220px; height:38px;}
.orangetext15, .blacktext10 {
display:block; width:110px; font-size:6pt !important;}
td.text td.text .orangetext15,
td.text td.text table table div {display:none;}




I have learned how to manipulate the code to make it even smaller! I hope this helps you!