No replies
ghurty
Offline
newbie
Last seen: 12 years 47 weeks ago
Joined: 2009-01-13
Posts: 4
Points: 0

I am trying to modify a template, but I am new to CSS.

The problem is that I resized the flash object that is embedded in the page, so now it messed up everything. I tried to modify the css, but no matter what I change I cant get the white part of the back ground, the design part of the background and the border to stretch a little to make it that every thing looks nice and neat. The width of the flash object is 891px.

Any help would be most appreciated thanks.

/* -------------------------------------------- Default ----------------------------------------- */
td {text-align: left;font-family:tahoma;font-size:11px;color:#2b2b2b;line-height:14px; vertical-align:top;}
 
a {text-decoration:underline; color:#8c9a07;}
a:hover {text-decoration:none;}
 
img { border:0;}  
table { height:100%; width:100%; border:0;} 
body { 	margin:0px;padding:0px; background:#2c2c19;}
input, textarea {font-family:tahoma; font-size:11px; border:1px solid #a09261; background:#ffffff; color:#000000; padding:2px 0px 0px 4px; overflow:hidden;}
form { padding:0; margin:0;}
 
strong { color:#a14920;}
 
ul {margin:0; padding:0; list-style:none}
li {margin:0; padding:0 0 0 0px; line-height:18px;}
 
#main_table { width:770px; height:814px; background:url(images/px_body.jpg) top repeat-y; border:2px solid #1c1c0e;}
#main_table #main_bg_t {background:url(images/bg_body_t.jpg) top no-repeat;}
#main_table #main_bg_b {background:url(images/bg_body_b.jpg) bottom no-repeat; padding:0px 37px 0px 38px; height:100%;}
 
 
.column { float:left;}
 
.link_arrow { color:#d47a00; background:url(images/a1.gif) center left no-repeat; padding:0px 0px 2px 21px;}
 
/* -------------------------------------------- Header ------------------------------------------ */
 
#header_top { height:58px;}
 
#header_top .td { width:471px;}
#header_top .td div { padding:11px 0px 0px 26px;}
#header_top .td_1 { width:220px;}
#header_top .td_1 div { padding:35px 0px 0px 0px;}
#header_top .td_1 div a { color:#d2cfbf; font-size:10px; text-decoration:none; padding:0px 15px 0px 11px;}
#header_top .td_1 div a:hover { color:#e3a800;}
#header_top .td_1 div img { vertical-align:middle;}
 
#header { height:284px;}
 
 
/* -------------------------------------------- Content ----------------------------------------- */
 
#content { height:100%; background:url(images/px_cont.gif) top repeat-y;}
 
#content .table_bg {background:url(images/bgg.jpg) bottom left no-repeat;}
#content .tdd { padding:0px 31px 0px 26px;background:url(images/bgg1.jpg) bottom right no-repeat;}
#content .tddd { padding:0px 31px 0px 26px;background:url(images/bgg1.jpg) bottom right no-repeat;}
 
.table_block { background:#f7f5ed;}
 
.table_block .tr_top { height:7px; background:url(images/px_table_block.gif) top repeat-x;}
.table_block .tr_top .td {background:url(images/bg_tl.gif) top left no-repeat;}
.table_block .tr_top .td1 {background:url(images/bg_tr.gif) top right no-repeat;}
 
.table_block .tr_center { height:100%; border:1px solid #d2cfbf; border-width:0px 2px 0px 2px;}
 
.table_block .tr_bottom { height:7px; background:url(images/px_table_block.gif) bottom repeat-x;}
.table_block .tr_bottom .td {background:url(images/bg_bl.gif) top left no-repeat;}
.table_block .tr_bottom .td1 {background:url(images/bg_br.gif) top right no-repeat;}
 
 
 
/* -------------------------------------------- Page -------------------------------------------- */
 
#page #col_1 { width:422px;}
#page #col_1 div {margin:29px 18px 0px 19px;}
#page #col_1 span {margin:5px 0px 5px 0px; display:block;}
#page #col_1 .indent_img { margin:0px 0px 20px 0px; display:block;}
#page #col_1 .indent_img_1 { margin:16px 0px 25px 0px; display:block;}
#page #col_1 .indent_img_2 { margin:0px 17px 0px 0px; float:left;}
/* ------------------------------------------------------------------- */
#page #col_2 {padding:10px 0px 0px 17px;}
#page #col_2 div {margin:16px 14px 0px 12px;}
#page #col_2 span { margin:5px 0px 25px 0px; display:block;}
#page #col_2 .table { width:180px; height:200px; margin:25px 0px 2px 0px;}
#page #col_2 .indent_img { margin:14px 0px 10px 0px; display:block;}
/* ------------------------------------------------------------------- */
#page #col_3 { height:93px; padding:7px 0px 0px 0px;}
 
/* -------------------------------------------- Page 1 -------------------------------------------- */
 
#page_1 #col_1 { width:422px;}
#page_1 #col_1 div {margin:31px 17px 0px 19px;}
#page_1 #col_1 span {margin:16px 0px 10px 0px; display:block;}
#page_1 #col_1 .span {margin:4px 0px 12px 0px; display:block;}
#page_1 #col_1 .indent_img { margin:17px 0px 24px 0px; display:block;}
#page_1 #col_1 .indent_img_1 { margin:0px 17px 0px 0px; float:left;}
/* ------------------------------------------------------------------- */
#page_1 #col_2 {padding:10px 15px 0px 18px;}
#page_1 #col_2 div {margin:16px 14px 0px 12px;}
#page_1 #col_2 span { margin:5px 0px 12px 0px; display:block;}
#page_1 #col_2 .indent_img { margin:25px 0px 15px 0px; display:block;}
/* --------------------------------------------- Footer ------------------------------------------- */
 
#footer { height:68px; background:url(images/bg_footer.jpg) top no-repeat; padding:41px 0px 0px 0px; text-align:center; color:#8c9a07;}
#footer a { color:#da8b00;}
/* -------------------------------------------- Size Forms ---------------------------------------- */
.form { width:175px; height:19px;}		
.textarea { width:175px; height:67px;}
/* ------------------------------------------------------------------------------------------------ */