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

i was going to help you.
but i see you've posted two topics on basically the same subject.

so now i'm not.

well actually the first topic is about making my page smaller/ tables (which i have figure out), this is about more.. so really their not the same..

but thanks anyway

then why not just add questions to your original topic?

and why bother asking your first question HERE if you already asked somewhere else?

because here i was asking for step by step help on everything not just one thing, so i made a new post.. i actually didnt think it was a big deal to make another post

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