Изображение на заднем плане

Статус
Закрыто для дальнейших ответов.
Регистрация
30.06.2011
Сообщения
14
Привет всем! Подскажите пожалуйста что и где в стиле прописать дабы установить изображение внизу на заднем плане сайта? Вверху я сделал, а вот внизу что то не выходит. Сайт: http://реальная-рыбалка.рф/

стиль:

Код:
/*
  Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.rips.su
*/
* { font-size: 1em; font-family: Arial, Tahoma, Helvetica, sans-serif; }
form, h1, h2, h3, h4, h5, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5 { line-height: normal; font-weight: normal; }
h1 { font-size: 1.8em; } h2 { font-size: 1.7em; } h3 { font-size: 1.35em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; }
a { color: #b7e2ff; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { outline: none; }
body { color: #000; background-color: #FFFFFF; font-size: 0.68em; line-height: 1.4em; }
body.pagebg { background: #000000 url("../images/pagebg.jpg") repeat-x; }
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img  { border: 0 none; }
.parag { text-indent: 30px; }
.small { font-size: 0.9em; color: #717170; }
hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { padding-left: 16px; list-style-position:outside; list-style-image:none; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li, ul.pagination { margin: 0; padding: 0; list-style: none; }
input.reset { background: none; border: 0 none; }
.wrapper { width: 92%; max-width: 1100px; min-width: 1100px; text-align: left; margin: 0 auto; }
*html .wrapper { width: expression(((document.body.clientWidth)) < 996? "996px": ((document.body.clientWidth)) > 1600? "1600px": "92%" ); }
/*HEAD*/
.lcolomn, .rcolomn, .tbar h1, .tmenu ul, .tmenu ul li, .alphavit ul li, .fmenu ul, .fmenu ul li { display: inline; }
.lcolomn, .arg { float: left; }
.rcolomn { float: right; }
.thide { overflow: hidden; display: block; height: 0; }
.navi li a, ul.pagination li a, .navigation a, .argmore a { text-decoration: none !important; }
.header, .headbr { height: 251px; }
.header { background: #000 url("../images/header-image.jpg") no-repeat 50% 0; }
  .headbr { background: url("../images/headerbgbtm.png") no-repeat 50% 100%; }
    .headbr .headbr { padding: 0 0 0 29px; background: url("../images/header-left.png") no-repeat 0 0; }
    .headbr .headbr .headbr { padding: 0 29px 0 0; background: url("../images/header-right.png") no-repeat 100% 0; overflow: hidden; }
	  .toplink, .toplink ul, .toplink ul li, .toplink ul li a { float: left; height: 18px; }
	  .toplink { margin-top: 10px; line-height: 18px; background: url("../images/toplinks.png") no-repeat 0 0; padding-left: 11px; }
	  .toplink ul { padding-right: 11px; background: url("../images/toplinks.png") no-repeat 100% -18px; overflow: hidden; }
	  .toplink ul li a { padding: 0 11px; color: #fff; border-left: 1px solid #4689ba; margin-left: -1px; }
	 
	  .addfav { line-height: 18px; text-align: right; padding-right: 22px; margin-top: 10px; float: right; height: 18px; width: 119px; color: #fff; background: url("../images/toplinks.png") no-repeat 0 -36px; }
	   
.tbar { background: url("../images/zerx.jpg") no-repeat 50% 0; height: 95px; overflow: hidden; }
  .tbar .tbar { background: url("../images/tbar.png") no-repeat 0 0; }
  .tbar .tbar .tbar { position: relative; background: url("../images/tbar.png") no-repeat 100% -95px; padding: 0 50px; text-align: center; }
    .tbar h1 { display: block; width: 260px; margin: 0 auto; padding-left: 40px; }
    .tbar h1 a { display: block; width: 260px; padding-top: 95px; }
  .searchform { padding: 7px 0 0 10px; width: 259px; height: 21px; overflow: hidden; position: absolute; top: 31px; left: 56px; background: url("../images/headforms.png"); }
    .searchform .sinput { float: left; width: 220px; color: #fff; }
    .searchform .submit { position: absolute; right: 1px; top: 0; width: 30px; height: 28px; }
    .searchform .submit { cursor: pointer; background: url("../images/searchbtn.png") no-repeat 0 0; }
    .searchform .submit:hover { background-position: 0 -28px; }
  .loginform { position: absolute; top: 6px; right: 56px; width: 220px; text-align: left; }
  .loginform p { color: #0c3756; padding: 4px 0 0 2px; }
  .loginform p a { color: #fff; }
  .fieldsbox { width: 208px; height: 58px; overflow: hidden; }
    .fieldsbox .lfield { float: left; width: 143px; }
    .fieldsbox .lfield div { padding-top: 6px; height: 20px; margin-bottom: 5px; overflow: hidden; background: url("../images/headforms.png") no-repeat 0 -29px; }
    .fieldsbox .lfield div span { line-height: normal; float: left; width: 48px; text-align: right; padding-right: 4px; color: #c2c2c2; }
    .fieldsbox .lfield div input { float: left; width: 80px; color: #fff; }
    .fieldsbox .submit { float: right; height: 57px; width: 57px; background: url("../images/loginbtn.png") no-repeat; }
    .fieldsbox .submit:hover { background-position: 0 -57px; }
    .loginenter { padding: 0px; }
    .loginenter div { font-size: 12px; color: #3d96ce; }
    .loginenter div a { color: #fff; }
    .loginenter ul { color: #fff; float: left; width: 49.8%; }
    .loginenter ul a { color: #3d96ce; }
   
a.lnkhome { float: left; width: 46px; padding-top: 50px; background: url("../images/lnkhome.png") no-repeat; }
  a.lnkhome:hover { background-position: 0 -50px; }
.tmenu { background: url("../images/tmenu.png") repeat-x 0 -100px; height: 50px; }
  .tmenu .tmenu { padding: 0 22px 0 0; background: url("../images/tmenu.png") no-repeat 100% 0; }
    .tmenu .tmenu .tmenu { padding: 0 0 0 20px; background: url("../images/tmenu.png") no-repeat 0 -50px; }
    .tmenu ul a, .fmenu ul a { color: #fff; font-size: 1.1em; line-height: 49px; }
    .tmenu ul a, .fmenu ul a, .tmenu ul a b, .fmenu ul a b { cursor: pointer; float: left; height: 50px; }
    .tmenu ul a b, .fmenu ul a b { padding: 0 12px 0 14px; background: url("../images/tmenu.png") no-repeat 100% -150px; }
    .tmenu ul a:hover, .fmenu ul a:hover { background: #0c2d46 url("../images/tmenu.png") repeat-x 0 -250px; }
    .tmenu ul a:hover b, .fmenu ul a:hover b { background-position: 100% -200px; }
.alpha { background: #0d334f url("../images/alpha_center.jpg") no-repeat 50% 0; height: 101px; overflow: hidden; }
  .alpha .alpha { padding: 0 0 0 29px; background: url("../images/alpha.jpg") no-repeat 0 0; }
    .alpha .alpha .alpha { padding: 0 29px 0 0; background: url("../images/alpha.jpg") no-repeat 100% -101px; }
  .alphavit { margin-top: 44px; height: 19px; background: url("../images/alphapoint.png") repeat-x 0 50%; }
  .alphavit a { float: left; width: 18px; height: 19px; font-weight: bold; line-height: 18px; text-transform: uppercase; text-align: center; }
  .alphavit .lcolomn a { color: #fff; background: #184a6d url("../images/alphavit.png") no-repeat; padding-right: 2px; }
  .alphavit .lcolomn a:hover { background: #436c88 url("../images/alphavit.png") no-repeat -20px 0; }
  .alphavit .rcolomn a { color: #15405f; background: #c5c5c5 url("../images/alphavit.png") no-repeat 0 -19px; padding-left: 2px; }
  .alphavit .rcolomn a:hover { background: #fff url("../images/alphavit.png") no-repeat -20px -19px; }
 
/*middle*/
.wrmid { width: 100%; background: #07141e url("../images/wrmid-left.png") repeat-y; }
.wrmid .wrmid { background: url("../images/wrmid-right.png") repeat-y 100% 0; }
.wrmid .wrmid .wrmid { background: url("../images/wrmid-tleft.png") no-repeat; }
.wrmid .wrmid .wrmid .wrmid { background: url("../images/wrmid-tright.png") no-repeat 100% 0; }
.container { padding: 0 18px 10px 408px; color: #fff; }
  .leftcol { width: 385px; margin: 0 0 0 -408px; padding: 0 5px 0 18px; }
  .mainside { width: 100%; }
  table.conts { border: 0 none; width: 100%; }
  .leftcol .leftside, .leftcol .rightside { width: 185px; }
  .leftcol .leftside { padding-left: 5px; }
  .leftcol .rightside { padding-right: 5px; }
/*foot*/
.fmenu { height: 39px; background: #0c3859 url("../images/footmenu.png") repeat-x 0 -195px; }
  .fmenu .fmenu { padding: 0 0 0 20px; background: url("../images/footmenu.png") no-repeat 0 0; }
    .fmenu .fmenu .fmenu { padding: 0 22px 0 0; background: url("../images/footmenu.png") no-repeat 100% -39px; }
    .fmenu a.lnkhome { width: 46px; padding-top: 39px; background: url("../images/lnkhome2.png") no-repeat; }
    .fmenu a.lnkhome:hover { background-position: 0 -39px; }
    .fmenu ul a { line-height: 38px; }
    .fmenu ul a, .fmenu ul a b { height: 39px; }
    .fmenu ul a b { background: url("../images/footmenu.png") no-repeat 100% -78px; }
    .fmenu ul a:hover { background: #0c2d46 url("../images/footmenu.png") repeat-x 0 -156px; }
    .fmenu ul a:hover b { background-position: 100% -117px; }
.footer { overflow: hidden; height: 58px; background: url("../images/footercenter.png") no-repeat 50% 0; }
  .footer .footer { padding: 0 0 0 34px; background: url("../images/footer.png") no-repeat 0 0; }
  .footer .footer .footer { padding: 0 34px 0 0; position: relative; background: url("../images/footer.png") no-repeat 100% -58px; }
    .copyright { margin: 20px 0 0 0; font-weight: bold; font-size: 1.30em; }
    .copyright, .copyright a { color: #fff; }
    .real-rybalka { position: absolute; display: block; top: 12px; right: 44px; width: 88px; height: 0; padding-top: 31px; background: url("../images/88-31.gif"); overflow: hidden;  }
.footinfo { padding: 0 34px; text-align: center; color: #a3a6a9; }
/*leftcolomn*/
.lcolboxbrd { width: 383px; border: 1px solid #295271; background-color: #0b2b41; }
  .lcolbox { position: relative; width: 385px; margin: -1px; background: url("../images/leftcolbrd.png") no-repeat 0 0; }
  .lcolbox .lcolbox { overflow: hidden; margin: 0; background: url("../images/leftcolbrd.png") no-repeat -385px 100%; }
/*adwork*/
  .blockadwide { width: 375px; margin: 5px; overflow: hidden; }
/*blocks*/
.blockwide { overflow: hidden; background: url("../images/blockwide.jpg") no-repeat; }
  .blockwide .dtop { height: 24px; font-size: 1.1em; padding: 27px 92px 0 17px; margin-bottom: 4px; }
  .blockwide .dcont { margin: 0 17px; padding: 10px 0 14px 0; }
.leftside .block, .rightside .block { overflow: hidden; width: 185px; background: url("../images/block.png") no-repeat; }
  .leftside .block .dtop, .rightside .block .dtop { margin-bottom: 8px; padding: 0 8px; height: 30px; line-height: 29px; text-transform: uppercase; }
  .leftside .block .dcont, .rightside .block .dcont { margin: 0 8px; overflow: hidden; padding-bottom: 25px; }
.vmenu li, .vmenu li a, .vmenu li span, .vmenu li span b { display: block; }
  .vmenu li span, .vmenu li span b { cursor: pointer; }
  .vmenu li a, .vmenu li span { background: url("../images/vmenu.png") no-repeat 0 100%; width: 100%; }
  .vmenu li a:hover, .vmenu li span:hover { color: #fff; background-position: -169px 100%; }
  .vmenu li span b { background: url("../images/vmenu.png") no-repeat 100% 50%; }
  .vmenu li a, .vmenu li span b { padding: 4px 0; }
  .vmenu .submenu strong { font-weight: normal; }
  .vmenu .submenu a { text-indent: 8px; }
.block2 { width: 185px; background: #003a65 url("../images/block2.png") repeat-y -185px 0; }
  .block2 .dcont { width: 169px; padding: 0 8px 28px 8px; background: url("../images/block2.png") no-repeat -370px 100%; }
  .block2 .dtop { height: 26px; line-height: 30px; overflow: hidden; margin-bottom: 8px; padding: 0 8px; background: url("../images/block2.png") no-repeat; text-transform: uppercase; }
  .foronline li { padding-left: 9px; background: url("../images/arrow.png") no-repeat 0 50%; }
.brdblock { margin-bottom: 15px; width: 183px; background-color: #0a2335; border: 1px solid #0d4265; }
  .brdblock .dcont { position: relative; margin: -1px; width: 185px; background: url("../images/brdblock.png") no-repeat; }
  .brdblock .dcont .dcont { margin: 0; padding: 5px; width: 175px; text-align: center; background-position: 100% 100%; }
  .count { margin: 2px 0; }
/*slider*/
  .slidercont { background-color: #fff; margin: 0 5px; height: 200px; width: 375px; overflow: hidden; position: relative; margin-bottom: 11px; }
  .slides { position:absolute; top:0; left:0; }
  .slides > div { position: absolute; top: 0; width: 375px; display:none; }
  .slides img { width: 375px; cursor:pointer}
  #loopedSlider { margin-bottom: 14px; position:relative; }
  #loopedSlider .next { float: right; width: 35px; margin-right: 5px; padding-top: 19px; background: #174668 url("../images/pagination.png") no-repeat -50px 0; }
  #loopedSlider .next:hover { background-position: -85px 0; }
  ul.pagination { padding-left: 5px; display: inline; }
  ul.pagination, ul.pagination li, ul.pagination li a { float: left; }
  ul.pagination li a { margin-right: 1px; background: #174668 url("../images/pagination.png") no-repeat -17px 0; width: 16px; height: 19px; line-height: 17px; font-weight: bold; color: #fff; text-align: center; }
  ul.pagination li a:hover { background-position: -34px 0; }
  ul.pagination li.active a { background-position: 0 0; }
  a.vresult { padding-bottom: 2px; color: #fff; cursor: pointer; width: 156px; height: 25px; }
  input.vbutton { color: #fff; padding-bottom: 3px; cursor: pointer; background: #04406b url("../images/votebutton.png") no-repeat; width: 110px; height: 23px; font-weight: bold; border: 0px !important; margin-bottom: 10px;}
  input.vbutton:hover { background-position: 0 -23px; }
  a.ubutton { color: #fff; cursor: pointer; background: #04406b url("../images/userbutton.png") no-repeat; width: 180px; height: 23px; font-weight: bold; border: 0px !important; font-size: 12px; float: right; margin-right: -8px; text-align: center; line-height: 23px; text-decoration: none;}
  a.ubutton:hover { background-position: 0 -23px; }
  input.ubutton { color: #fff; padding-bottom: 3px; cursor: pointer; background: #04406b url("../images/userbutton.png") no-repeat; width: 180px; height: 23px; font-weight: bold; border: 0px !important; text-align: center; line-height: 23px; text-decoration: none;}
  input.ubutton:hover { background-position: 0 -23px; }
  input.bbcodes { color: #0096ff; padding-bottom: 3px; cursor: pointer; background: #04406b url("../images/editbutton.png") no-repeat; width: 150px; height: 23px; font-weight: bold; border: 0px !important; margin: 10px; }
  input.bbcodes:hover { background-position: 0 -23px; }
  .morelinks {margin-top: 6px;}
  .morelinks a {margin-right: 15px;}
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
создать в body div со стилем вроде
Код:
position: absolute;
bottom: 0px;
width: 100%;
height: 200px;
background: url(путь до картинки) center bottom no-repeat;
а в стиль body добавить position: relative
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
Статус
Закрыто для дальнейших ответов.
Верх Низ