VPF::Подскажите с фоном - Форум программистов

shimochka

Дата 4.5.2010, 20:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 21
Регистрация: 22.7.2009

Репутация: нет
Всего: нет

Здравствуйте!
У меня  такая  ситуация
прописываю  фоновую  картинку  бекграундом  в  CSS,
а  она  мне  ещё и  в  фронтенде  отображаеться
но  ведь  сам  фронтенд  хочу  чтобы  был  белым.

Ребята  подскажите  пожалуйста,  очень  нужно

Верстка  сайта  табличная

нуп

Дата 4.5.2010, 21:01 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 1
Всего: 33

Судя по вашему коду, ошибок нет smile

Это сообщение отредактировал(а) нуп - 4.5.2010, 21:01

shimochka

Дата 4.5.2010, 21:35 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 21
Регистрация: 22.7.2009

Репутация: нет
Всего: нет

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="robots" content="index,follow">
<meta name="revisit" content="1 days">
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" alink="#FF0000" vlink="#FF00FF">
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="mnt_r1_c1">&nbsp;</td>
    <td class="main_r2_c3">&nbsp;</td>
    <td class="mntr_r1_c2">&nbsp;</td>
  </tr>
  <tr>
    <td class="main_r4_c1">&nbsp;</td>
<td valign="top">  
<table border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white">
        <tr>
          <td class="fon"> 
<table cellspacing="0" border="0" align="center" cellpadding="0">
<tr>
<td width="140" height="160" align="center"></td>
<td width="730" height="160" align="center"></td>
<td width="70" height="160" align="center"></td>
</tr>
<tr>
<td width="140" height="20" align="center"><?php mosLoadModules ( 'user5' ); ?></td>
<td width="730" height="20" align="center"><?php mosLoadModules ( 'user6' ); ?></td>
<td width="70" height="20" align="center"><?php mosLoadModules ( 'user7' ); ?></td>
</tr>
</table>

        
         
             
             
               <!--Закрываем  таблицу -->
             
          </td>
          
          </tr>
 </td></tr>
      </table>
    </td>
    <td class="main_r4_c7">&nbsp;</td>
  </tr>
  <tr>
    <td class="main_r5_c1">&nbsp;</td>
    <td class="main_r5_c5">&nbsp;</td>
    <td class="main_r5_c7">&nbsp;</td>
  </tr>
</table>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="mnt_r1_c1">&nbsp;</td>
    <td class="main_r2_c3">&nbsp;</td>
    <td class="mntr_r1_c2">&nbsp;</td>
  </tr>
  <tr>
    <td class="main_r4_c1">&nbsp;</td>
    <td valign="top">
      <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top">
            <div class="leftbox">
              <?php mosLoadModules ( 'left' ); ?>
              <?php mosLoadModules ( 'user1' ); ?>
              <?php mosLoadModules ( 'user3' ); ?>
            </div>
          </td>
          <td valign="top">
            <div class="top">
            <?php mosLoadModules ( 'top' ); ?>
            <?php mosMainBody(); ?>
          </td>
          <td valign="top">
            <div class="rightbox">
              <?php mosLoadModules ( 'right' ); ?>
              <?php mosLoadModules ( 'user2' ); ?>
              <?php mosLoadModules ( 'user4' ); ?>
            </div>
          </td>
        </tr>
      </table>
    </td>
    <td class="main_r4_c7">&nbsp;</td>
  </tr>
  <tr>
    <td class="main_r5_c1">&nbsp;</td>
    <td class="main_r5_c5">&nbsp;</td>
    <td class="main_r5_c7">&nbsp;</td>
  </tr>
</body>
</html>
</table>
<center>
<table style="border: "0" color="#f9f9f9"><tr><td>
<center>
<tr>
<td width="250"><p class="menubot">
© Сайт<br> 
</td>
<td>
</body>
</html>

Добавлено через 3 минуты и 41 секунду

Код


html {background: #ffffff;font:11px/18px Arial, Verdana, Tahoma, sans-serif;}
body {margin:0;padding:0;background: #5BA4CD url(../images/bg_body.jpg) repeat-x top center;
font-family:tahoma, sans-serif;font-size:11px;color:#000;
}
#menu_bg {
   border-bottom   : 10px solid #000;
   background      : url(../images/bgm.png) repeat-x;
   height          : 68px;
   width           : 100%;
}

#mnt_r1_c2 {
  float: left;
  height: 25px;
  background      : url(../images/main_r2_c3.png) repeat-x;
}
#main_r4_c1 {
  float: left;
  width: 20px;
  background      : url(../images/main_r4_c1.png) repeat-y;
}
.mnt_r1_c1 {
  width: 20px;
  height: 25px;
  background: url(../images/mnt_r1_c1.png) no-repeat;
}
.main_r2_c3 {
  height: 25px;
  background: url(../images/main_r2_c3.png) repeat-x;
}
.mntr_r1_c2 {
  width: 20px;
  height: 25px;
  background: url(../images/mntr_r1_c2.png) no-repeat;
}
.main_r4_c1 {
  width: 20px;
  background: url(../images/main_r4_c1.png) repeat-y;
}
.main_r4_c7 {
  width: 20px;
  background: url(../images/main_r4_c7.png) repeat-y;
}
.main_r5_c1 {
  width: 20px;
  height: 26px;
  background: url(../images/main_r5_c1.png) no-repeat;
}
.main_r5_c5 {
  height: 25px;
  background: url(../images/main_r5_c5.png) repeat-x;
}
.main_r5_c7 {
  width: 20px;
  height: 26px;
  background: url(../images/main_r5_c7.png) no-repeat;
} 
.leftbox {
  width: 200px;
}
.top {
  margin    : 0px 4px 0px 4px;
}
.rightbox {
  width: 200px;
}

.menu_bg {
   border-bottom   : 1px solid #ccc;
   background      : url(../images/bgm.png) repeat-x;
   height          : 44px;
   width           : 100%;
 }
td, tr, p, div {
  font-family      : tahoma, sans-serif;
  color            : #696969;
  font-size        : 11px;
}

hr {
  color            : #E0E0E0;
  height           : 1px;
  width            : 100%;
}

table.moduletable {
    background     : #EFEFFC;
    width          : 100%;
    margin-bottom  : 5px;
    border         : 1px solid #DCDCDC;
}

table.moduletable th {
    background      : url(../images/th.png) #9ABBD8 repeat-x;
    width           : 100%;
    color           : #FFFFFF;
    text-align      : center;
    padding-top     : 8px;
    padding-bottom  : 7px;
    font-size       : 11px;
    font-weight     : bold;
}

table.moduletable td {
    
    font-size       : 11px;
    padding         : 2px;
    margin          : 0px;
}

.button {
  font-family      : tahoma, sans-serif;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #9ABBD8;
  color            : #FFFFFF;
  border           : 1px solid #cccccc;
  margin           : 5px;
}
.inputbox {
  font-family      : tahoma, sans-serif;
  font-size        : 10px;
  border           : 1px solid #B8D1E8;
  background       : #DDE9F5;
  color            : #336699;
  margin           : 5px;
}

.sectiontableheader {
  font-size        : 10px;
  font-weight      : bold;
  text-align       : left;
  color            : #FFFFFF;
  background       : #9ABBD8;
  vertical-align   : middle;
  height           : 20px;
  border-right     : 1px solid #fff;
  padding          : 0px 10px;
}

.sectiontableentry1 {
  background       : #F9F9F9;
  padding          : 3px 5px;
}

.sectiontableentry2 {
  background       : #F0F0F0;
  padding          : 3px 5px;
}

a:link, a:visited {
  color            : #336699;
  text-decoration  : none;
}

a:hover {
  color            : #003366;
  text-decoration  : none;
}

a.category:link, a.category:visited {
  font-weight      : bold;
}

.readon {
  font-weight      : bold;
}

.pagenavbar {
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 3px;
  text-align       : center;
}

.contenttoc {
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}


.contenttoc th {
  padding          : 3px 5px;
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  color            : #A0522D;
}

.contenttoc td {
  padding          : 2px 5px;
}

.small {
  font-size        : 10px;
  color            : #336699;
}

.smalldark {
  font-size        : 10px;
  color            : #696969;
}

.createdate, .modifydate {
  font-size        : 10px;
  color            : #999999;
}

.content_rating {
  font-size        : 10px;
  color            : #A0522D;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
}

.contentpane {
  padding          : 0px;
  background       : #fff;
}

.contentpaneopen {
  padding          : 0px;
  text-align       : justify;
  background       : #fff;
}

.contentheading, .componentheading {
  padding          : 0px;
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  color            : #A0522D;
}

.contentpagetitle {
  font-weight      : bold;
  color            : #000;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
}

a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : tahoma, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

.ram img {
  background-color : #fff;
  border           : 1px solid #9ABBD8;
  padding          : 3px;
}

a.readon:hover {
  color            : #336699;
  font-family      : tahoma, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:link, .back_button a:visited {
  color            : #999999;
  font-family      : tahoma, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:hover {
  color            : #336699;
  font-family      : tahoma, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

pre {
  overflow         : auto;
  width            : 70%;
  border           : 1px solid #951111;
  background-color : #F0F0F0;
  padding          : 8px;
 }

.pagenav a:link, .pagenav a:visited {
  color            : #999999;
  font-family      : tahoma, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : left;
  text-decoration  : none;
}

.pagenav a:hover {
  color            : #336699;
  font-family      : tahoma, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}
ul {
  margin           : 0;
  padding          : 0;
  list-style       : none;
}
li {
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0px;
  background-image : url(../images/arrow.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
div.mosimage {
  border           : 1px solid #ccc;
}

.mosimage {
  border           : 1px solid #cccccc;
  margin           : 5px
}

.mosimage_caption {
  margin-top       : 2px;
  background       : #efefef;
  padding          : 1px 2px;
  color            : #666;
  text-transform   : normal;
  font-size        : 10px;
  border-top       : 1px solid #cccccc;
}

sgrey

Дата 4.5.2010, 23:32 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 265
Регистрация: 15.4.2006

Репутация: нет
Всего: 4

Цитата(shimochka @ 4.5.2010, 21:35

)

body {margin:0;padding:0;background: #5BA4CD url(../images/bg_body.jpg) repeat-x top center;

если надо чтобы фон был другим в каком-то элементе - его надо в нём и указывать. А так везде будет голубой

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »