Jump to content
  • 0

как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?

vovchikku

Asked by vovchikku,

 Share

Question

vovchikku Explorer

vovchikku

Posted
Posted

как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?

вот index.php

<div align="center"><table width="1014" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><?php
 defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!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>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?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]/templates/biz_blue/favicon.ico\" />" ; ?>
 <meta name="verify-v1" content="aDtzZU9IIrWcGAsYRKBvN4eLbaK4U4xdG4zbve5S9Rw=" >
<style type="text/css">
<!--
.style12 {color: #FFFFFF;
    font-size: 10px;
}
.style27 {color: #666666}
.style30 {font-size: 10px}
.style31 {font-size: 14px}
-->
</style>
</head>

<body id="body_bg">

     <table width="95%"  border="0" align="center" cellpadding="0" cellspacing="0">
         <tr>
               <td width="169"  align="left"  valign="middle">

            <form action="index.php" method="post" name="form" >


                  <input type="hidden" name="option" value="search" />
                 </form>  

           </td>

<td>  </td>
                 <td  width="601" align="center" class="topnav" valign="bottom">

                      <?php if (mosCountModules('user3')) { ?>
                    <div>
                      <?php mosLoadModules ( 'user3',-1 ); ?>
                    </div>
                      <?php } ?>

                 </td>

        </tr>
  </table>  
  <table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
                 <td  align="center" class="logoheader">  <div align="right" class="style27 style31">
                   <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                     <tr>
                       <td><div align="right"> 
                         <table width="50%" border="0" cellspacing="0" cellpadding="0">
                           <tr>
                             <td><h1 align="right">Разрешение споров арбитражном суде 
                               Ханты-Мансийского автономного округа-Югры </h1>                                
                               <div align="right">


                             </div></td>
                           </tr>
                           <tr>
                             <td><div align="right"></div></td>
                           </tr>
                           <tr>

                           </tr>
                           <tr>
                             <td valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/urist_surgut_hanty_line_pho.jpg"><div align="right">
                               <h2>Телефон/факс: +7(3467) 363609, 361932  </h2>
                             </div></td>
                           </tr>
                         </table>
                       </div></td>
                     </tr>
                   </table>
                   </div></td>

        </tr>
  </table>


  <table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0" >
         <tr>


                 <td class="top1" ><?php mosPathWay(); ?></td>
            <td width="251" align="right" class="top1" ><div class="date"><?php echo mosCurrentDate(); ?></div></td>
         </tr>

  </table>



  <table width="95%" class="top2"  border="0" align="center" cellpadding="0" cellspacing="0"  >
          <tr>
                 <?php if (mosCountModules('left')) { ?>
             <td valign="top" class="lcol">
                 <div class="leftrow">
                  <?php mosLoadModules ( 'left' ); ?>
                  <p><a href="http://www.arbitr-hmao.ru/zadat-vopros-spetsialistu-besplatno-/zadat-vopros-spetsialistu-besplatno-/yurist-konsultant.html"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/jur_cons.gif" alt="?????? online ?????? ???????????" border="0"></a> </p>
                 </div>
             </td>

             <td class="bgline" ><img  src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td>

                   <?php } ?>

             <td valign="top"  width="100%" > 
  <table width="100%"  border="0" cellspacing="0" cellpadding="0" style="border-top: 5px solid #ffffff;">
                   <?php if (mosCountModules('top')) { ?>              
          <tr valign="top" >
                   <td colspan="3">
                        <div>
                        <?php mosLoadModules ( 'top' ); ?>
                        </div>
                   </td> 
          </tr>
               <tr><td colspan="3"></td></tr>
                        <?php } ?>
<?php if (mosCountModules('user1','user2')) { ?>
          <tr>
                        <?php if (mosCountModules('user1')) { ?> 
                       <td valign="top" ><div>
                        <?php mosLoadModules ( 'user1' ); ?>
                        </div>
                       </td>
                       <td width="4" class="mod" valign="top" bgcolor="#FFFFFF" ><div class="mod"> <?php } ?> <?php if (mosCountModules('user2')) { ?> </div></td> 

                       <td valign="top"><div>
                    <?php mosLoadModules ( 'user2' ); ?>
                    </div></td> <?php } ?>
          </tr>

                   <tr><td colspan="3"></td></tr>
                    <?php } ?>

          <tr align="left" valign="top">
                      <td colspan="3" style="border-top: 3px solid #ffffff; padding: 3px;"><div class="main">
                      <?php mosMainBody(); ?>   <?php mosLoadModules ( 'user4' ); ?> 
                       </div>


                    </td>

          </tr>
          <tr>
                 <!-- <td colspan="3" valign="top" style="border-top: 3px solid #FFFFFF;"> <?php if (mosCountModules('bottom')) { ?>  <?php } ?>
                      </td>
 -->          </tr>
  </table>

  </td>

<td class="bgline"><img  src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td>

<?php if (mosCountModules('right')) { ?>

<td valign="top" class="rcol"> 
                  <div class="rightrow">
                  <?php mosLoadModules ( 'right' ); ?>
                  </div>
            </td><?php } ?>
         </tr>
</table> 

         <table width="100%" class="foot"  align="center" border="0" cellspacing="0" cellpadding="0">
                <tr>

                                     <td  width="100%"  align="center" class="footer" > 

                                       <div align="right"><span class="style12"></span>
                                         <p align="center" class="style27 style30">Услуги юристов по ведению дел в арбитражном суде ХМАО. Юридические услуги Сургут, Ханты-Мансийск, Нижневартовск</p>
                                       </div></td>

               </tr>
         </table> 
   <!-- Yandex.Metrika -->
<script src="//mc.yandex.ru/resource/watch.js" type="text/javascript"></script>
<script type="text/javascript">
try { var yaCounter215018 = new Ya.Metrika(215018); } catch(e){}
</script>
<noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/215018" alt="" /></div></noscript>
<!-- Yandex.Metrika -->

</body>
</html></td>
  </tr>
</table>
</div>

а вот template_css


/****
author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url]
***/

body,html {
  padding          : 0;
  margin           : 0;
  margin-bottom    : 10px;
	font-size: 14px;
	font-family: "Trebuchet MS";
 }
 h1{
margin-top:7px;
color:#133766;
font-size:14px !important;

 }
  DIV.brd {
    border: 1px solid #cecece; 
    background: #ffffff; 
    padding: 2px; 
   }

    h2{
margin-top:7px;
color:#133766;
font-size:14px !important;

 }
#body_bg{
background     : url(../images/bg_top.jpg) #ffffff repeat-x top left;
}
.main { 
  float            : left; 
  width            : 100%;
  margin           : 0; 
  padding          : 0;
}


.mod {
  background       : #FFFFFF;
  width            : 2px;
}

td, tr, p, div {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 14px;
  color            : #000000;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;

}

form {
margin           : 0; 
padding          : 0;
}


.leftrow {
  width            : 169px;
  height           : 100%;
  margin-right     : 0;
  background       : #f5f5f5;

}
.rightrow {
  height           : 100%;
  width            : 169px;
  margin-left      : 0;
  background       : #f5f5f5;

 }
.back_button {
  color            : #999999;
  font-family      : Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
  }
.button {
  font-size        : 12px;
  color            : #333333;
  border           : 1px solid #999999;
  margin           : 3px;
  background-color : #EDEDED;
  padding          : 2px !important;
  padding          : 1px;

  cursor           : pointer;
}

.inputbox {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #cccccc;
 margin       : 3px;

}


.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;

}
table.moduletable {

margin           : 0 0 8px 0;
	width            : 100%;
      background       : #ffffff;
      padding-bottom   : 2px;
	}

table.moduletable th {

    font-family          : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : left;
	width              : 100%;
      background-color   : #5B7696; 
      color              : #f1f1f1;
	padding            : 2px;
      text-indent        : 10px;
	line-height        : 15px;

	}

table.moduletable td {
    padding-top: 2px;

    	}


.sectiontableheader {
  font-size        : 14px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #f1f1f1;
  background       : #5B7696; 
  padding          : 1px;
}


.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : none;
  border-bottom    : 1px solid #ffffff;
  line-height      : 25px;


}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  background       : #e0e0e8;
  line-height      : 25px;


}
.sectiontableentry1 img{
 padding-right: 4px !important;
 padding-right: 2px;

}
.sectiontableentry2 img{
 padding-right: 4px !important;
 padding-right: 2px;

}

span.mainlevel{
  display          : block;
  font-size        : 12px;
  border           : 1px solid #cccccc;
  background-color : #f1f1f1;
  font-weight      : normal;
  padding          : 2px 0;
  color            : #666666;

  text-indent      : 10px;
}

a.mainlevel  {
 display           : block;
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;
}
a.sublevel:link, a.mainlevel:visited  {
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;



}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 12px;
  border           : 1px solid #cccccc;
  background-color : #f1f1f1;
  font-weight      : normal;

  color            : #666666;

  text-indent      : 10px;
}
a.mainlevel:hover {
  border       : 1px solid #cccccc;
  background-color : #E0E0E8;
  font-size        : 12px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  text-indent      : 10px;
}

a img{
border: none;
}

#active_menu {
  color            : #000066;
  border       : 1px solid #cccccc;
  background-color : #E0E0E8;
  font-weight      : bold;
}
a#active_menu:hover {
  color            : #333333;
}

a:link, a:visited {
  color            : #666666;
  text-decoration  : none;
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  background       : none;
  text-indent      : 10px;
}

a:hover {
  color            : #9a887c;
  text-decoration  : none;

}
a.category:link, a.category:visited {
  font-size        : 12px;

}
a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 12px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 3px 18px;
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;
}
a.readon:hover {
  color            : #9a887c;
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 12px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 3px 18px;
  line-height      : 10px;
  text-decoration  : underline;
}
ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {

  line-height      : 15px;
  padding-left     : 10px;
  padding-top      : 0;
  background-image : url(../images/strelka.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}
table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
.pagenavcounter {
  font-size        : 10px;
  color            : #0066CC;
}
.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}
.pagenav {
  font-weight      : bold;
  }
a.pagenav:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}
a.pagenav:hover {
  font-size        : 11px;
  color            : #9a887c;
  text-decoration  : none;
}
.date {
  font-size        : 10px;
  font-weight      : bold;
  color            : #707070;
  padding-right    : 10%;
}
.small {
  font-size        : 10px;
  color            : #333333;
}
.smalldark {
  font-size        : 10px;
  color            : #333333;
}
.createdate, .modifydate {
  float            : left;
  font-size        : 10px;
  color            : #666666;
  font-weight      : bold;


}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 10px;
  color            : #999999;
}
.pathway {
  font-size        : 11px;
  color            : #333333;
  padding-left     : 6%;
}
a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
}
a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
}
table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
  text-align: justify;
}
.poll {
	color : #333333;
	line-height : 12px;
	font-weight: normal;

}

.pollstableborder{
  border-color     : #999999;
}
.contentheading,.componentheading {
  border-bottom    : 1px solid #000066;
  font-size        : 14px;
  font-weight      : bold;
  line-height      : 16px;
  text-transform   : uppercase;
  text-align       : left;
  text-indent      : 0;
  color            : #000066;
  width            : 100%;
  padding          : 1px;
  margin: 3px 0px;
  }


.ontab {
  border-left      : 1px solid #666666;
  text-align       : center;
  font-weight      : bold;
  color            : #333333;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.offtab {
  border-left      : 1px solid #666666;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.tabpadding {
 border-left       : 1px solid #666666;
}

.footer {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  font-weight      : bold;
  height           : 31px;
  border-top       : 1px solid #cccccc;


 }
.footer a:link, .footer a:visited {
  font-size        : 14px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : bold;
}
.footer a:hover {
  font-size        : 14px;
  color            : #999999;
  text-decoration  : none;
  font-weight      : bold;
}


.lcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-left       : 1px solid #cccccc;
   padding-left: 3px;



}
.rcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-right       : 1px solid #cccccc;
   padding-right: 3px;



}

.foot {
  background       : none;
  vertical-align   : top;

}


.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        :  0;
  padding-top    : 5px;
  text-align     : left;
}

td.top1{
margin: 0;
padding:  0;
height: 28px !important;
height: 28px;
padding-top:  2px !important;
padding-top:  3px;
background		: url(../images/shadow.jpg) #ffffff repeat-x top;

}
table.top2{
background : #ffffff; 
}

.searchbox {
  margin           : 0;
  padding          : 0;
  margin-top       : 13px;
  margin-left      : 10px;
  width            : 130px;
  font-size        : 12px;
  color            : #707070;
  padding          : 2px !important;
  padding          : 1px; 
  border           : 1px solid #cccccc;
  background       : none;

   }

.sublevel {
   font-family      : Verdana, Arial, Helvetica, sans-serif;
   font-size        : 12px;

   color            : #999999;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
}
a.sublevel:link, a.sublevel:visited {
  color		        : #999999;
  text-decoration	: none;
     font-size        : 12px;
}
a.sublevel:hover {
  color            : #000066;
  text-decoration  : none;
     font-size        : 12px;
}
a.sublevel#active_menu  {
	background      : transparent;
	color           : #000066;
	border          : 0px;
	   font-size        : 12px;

}

td.logoheader {
  margin: 0;
  padding:  0;
  background     : url(../images/logo.gif)  no-repeat center left;
  height         : 76px;
  width          : 263px;

 }
td.topnav {
  margin : 0px;
  padding:  0px;
  background     : url(../images/bg_top.jpg) repeat-x top left;
  height         : 42px;
  width          : 770px;

 }

td.bgline {
  margin : 0px;
  padding:  0px;
  background     : url(../images/s.gif) repeat-y;
  width          : 7px;
 }


 #mainlevel-nav {
    float            : right;
  display          : block;
font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;

}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;

}
#mainlevel-nav li a {


padding-left     : 10px;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #000033;
  text-decoration  : none;

}

#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #999999;

}

.blog_more {
margin   : 10px 0 7px 7px;
}
.buttonheading {
padding  : 0 2px;
}

.mosimage {
  border     : 0px solid #dedede;
  margin     : 5px;
  padding-top:  3px;

}

.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #000066;
  font-size : 10px;
  background: #f1f1f1;
}

сначала ограничение размера сделал просто вставкой его в общую таблицу, но затем подумал, что это все плохо отразиться на скорости загрузки... можно ли в template_css

ограничить ширину всего сайта?

заранее спасибо за совет

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
vovchikku Explorer

vovchikku

Posted
  • Author
Posted

я прописал body,html {

padding : 0;

margin : 0;

margin-bottom : 10px;

font-size: 14px;

font-family: "Trebuchet MS";

align : center;

max-width: 974px;

}

но верхняя панель все равно вылезает

кстати, если мне нужно чтобы все таблицы были по центру, можно вот так прописывать?

align : center;

судя по тому что эффекта нет, нельзя... а как правильно?

http://www.wsugraru.128.com1.ru/arbitr-hmao/

Link to comment
Share on other sites
  • 0
Kaylang Explorer

Kaylang

Posted
Posted (edited)

Попробуй так:

[html]<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!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>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?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]/templates/biz_blue/favicon.ico\" />"; ?>
<meta name="verify-v1" content="aDtzZU9IIrWcGAsYRKBvN4eLbaK4U4xdG4zbve5S9Rw=" >
<style type="text/css">
<!--
.style12 {color: #FFFFFF;
font-size: 10px;
}
.style27 {color: #666666}
.style30 {font-size: 10px}
.style31 {font-size: 14px}
-->
</style>
</head>

<body id="body_bg">
<div id="wrap">
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="169" align="left" valign="middle">

<form action="index.php" method="post" name="form" >


<input type="hidden" name="option" value="search" />
</form>

</td>

<td>  </td>
<td width="601" align="center" class="topnav" valign="bottom">

<?php if (mosCountModules('user3')) { ?>
<div>
<?php mosLoadModules ( 'user3',-1 ); ?>
</div>
<?php } ?>

</td>

</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="logoheader"> <div align="right" class="style27 style31">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="right">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><h1 align="right">Разрешение споров арбитражном суде
Ханты-Мансийского автономного округа-Югры </h1>
<div align="right">


</div></td>
</tr>
<tr>
<td><div align="right"></div></td>
</tr>
<tr>

</tr>
<tr>
<td valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/urist_surgut_hanty_line_pho.jpg"><div align="right">
<h2>Телефон/факс: +7(3467) 363609, 361932 </h2>
</div></td>
</tr>
</table>
</div></td>
</tr>
</table>
</div></td>

</tr>
</table>


<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>


<td class="top1" ><?php mosPathWay(); ?></td>
<td width="251" align="right" class="top1" ><div class="date"><?php echo mosCurrentDate(); ?></div></td>
</tr>

</table>



<table width="95%" class="top2" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<?php if (mosCountModules('left')) { ?>
<td valign="top" class="lcol">
<div class="leftrow">
<?php mosLoadModules ( 'left' ); ?>
<p><a href="http://www.arbitr-hmao.ru/zadat-vopros-spetsialistu-besplatno-/zadat-vopros-spetsialistu-besplatno-/yurist-konsultant.html"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/jur_cons.gif" alt="?????? online ?????? ???????????" border="0"></a> </p>
</div>
</td>

<td class="bgline" ><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td>

<?php } ?>

<td valign="top" width="100%" >
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 5px solid #ffffff;">
<?php if (mosCountModules('top')) { ?>
<tr valign="top" >
<td colspan="3">
<div>
<?php mosLoadModules ( 'top' ); ?>
</div>
</td>
</tr>
<tr><td colspan="3"></td></tr>
<?php } ?>
<?php if (mosCountModules('user1','user2')) { ?>
<tr>
<?php if (mosCountModules('user1')) { ?>
<td valign="top" ><div>
<?php mosLoadModules ( 'user1' ); ?>
</div>
</td>
<td width="4" class="mod" valign="top" bgcolor="#FFFFFF" ><div class="mod"> <?php } ?> <?php if (mosCountModules('user2')) { ?> </div></td>

<td valign="top"><div>
<?php mosLoadModules ( 'user2' ); ?>
</div></td> <?php } ?>
</tr>

<tr><td colspan="3"></td></tr>
<?php } ?>

<tr align="left" valign="top">
<td colspan="3" style="border-top: 3px solid #ffffff; padding: 3px;"><div class="main">
<?php mosMainBody(); ?> <?php mosLoadModules ( 'user4' ); ?>
</div>


</td>

</tr>
<tr>
<!-- <td colspan="3" valign="top" style="border-top: 3px solid #FFFFFF;"> <?php if (mosCountModules('bottom')) { ?> <?php } ?>
</td>
--> </tr>
</table>

</td>

<td class="bgline"><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td>

<?php if (mosCountModules('right')) { ?>

<td valign="top" class="rcol">
<div class="rightrow">
<?php mosLoadModules ( 'right' ); ?>
</div>
</td><?php } ?>
</tr>
</table>

<table width="100%" class="foot" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>

<td width="100%" align="center" class="footer" >

<div align="right"><span class="style12"></span>
<p align="center" class="style27 style30">Услуги юристов по ведению дел в арбитражном суде ХМАО. Юридические услуги Сургут, Ханты-Мансийск, Нижневартовск</p>
</div></td>

</tr>
</table>
<!-- Yandex.Metrika -->
<script src="//mc.yandex.ru/resource/watch.js" type="text/javascript"></script>
<script type="text/javascript">
try { var yaCounter215018 = new Ya.Metrika(215018); } catch(e){}
</script>
<noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/215018" alt="" /></div></noscript>
<!-- Yandex.Metrika -->
</div>
</body>
</html>[/html]

CSS

[codebox][code]/****
author - rgb(raduga) http://mambasana.ru
***/

body,html {
padding : 0;
margin : 0;
margin-bottom : 10px;
font-size: 14px;
font-family: "Trebuchet MS";
}
h1{
margin-top:7px;
color:#133766;
font-size:14px !important;

}
DIV.brd {
border: 1px solid #cecece;
background: #ffffff;
padding: 2px;
}

h2{
margin-top:7px;
color:#133766;
font-size:14px !important;

}
#body_bg{
background : url(../images/bg_top.jpg) #ffffff repeat-x top left;
}
.main {
float : left;
width : 100%;
margin : 0;
padding : 0;
}

#wrap{
widht:1014px;
margin:0 auto;
}
.mod {
background : #FFFFFF;
width : 2px;
}

td, tr, p, div {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 14px;
color : #000000;
}
hr {
color : #999999;
height : 1px;
width : 100%;

}

form {
margin : 0;
padding : 0;
}


.leftrow {
width : 169px;
height : 100%;
margin-right : 0;
background : #f5f5f5;

}
.rightrow {
height : 100%;
width : 169px;
margin-left : 0;
background : #f5f5f5;

}
.back_button {
color : #999999;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
padding-bottom : 3px;
margin-right : 4px;
float : right;
line-height : 20px;
}
.button {
font-size : 12px;
color : #333333;
border : 1px solid #999999;
margin : 3px;
background-color : #EDEDED;
padding : 2px !important;
padding : 1px;

cursor : pointer;
}

.inputbox {
color : #000000;
background : #ffffff;
border : 1px solid #cccccc;
margin : 3px;

}


.contact_email {
width : 100%;
}
.contact_email .inputbox {
width : 345px;

}
table.moduletable {

margin : 0 0 8px 0;
width : 100%;
background : #ffffff;
padding-bottom : 2px;
}

table.moduletable th {

font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
text-align : left;
width : 100%;
background-color : #5B7696;
color : #f1f1f1;
padding : 2px;
text-indent : 10px;
line-height : 15px;

}

table.moduletable td {
padding-top: 2px;

}


.sectiontableheader {
font-size : 14px;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 1px;
color : #f1f1f1;
background : #5B7696;
padding : 1px;
}


.sectiontableentry1 {
vertical-align : top;
padding : 3px;
background : none;
border-bottom : 1px solid #ffffff;
line-height : 25px;


}
.sectiontableentry2 {
vertical-align : top;
padding : 3px;
border-bottom : 1px solid #ffffff;
background : #e0e0e8;
line-height : 25px;


}
.sectiontableentry1 img{
padding-right: 4px !important;
padding-right: 2px;

}
.sectiontableentry2 img{
padding-right: 4px !important;
padding-right: 2px;

}

span.mainlevel{
display : block;
font-size : 12px;
border : 1px solid #cccccc;
background-color : #f1f1f1;
font-weight : normal;
padding : 2px 0;
color : #666666;

text-indent : 10px;
}

a.mainlevel {
display : block;
width : auto;
margin : 1px 0px;
padding : 0;
font-size : 12px;
background : none;
text-indent : 10px;
}
a.sublevel:link, a.mainlevel:visited {
width : auto;
margin : 1px 0px;
padding : 0;
font-size : 12px;
background : none;
text-indent : 10px;



}
a.mainlevel:link, a.mainlevel:visited {
display : block;
font-size : 12px;
border : 1px solid #cccccc;
background-color : #f1f1f1;
font-weight : normal;

color : #666666;

text-indent : 10px;
}
a.mainlevel:hover {
border : 1px solid #cccccc;
background-color : #E0E0E8;
font-size : 12px;
font-weight : normal;
color : #666666;
text-decoration : none;
text-indent : 10px;
}

a img{
border: none;
}

#active_menu {
color : #000066;
border : 1px solid #cccccc;
background-color : #E0E0E8;
font-weight : bold;
}
a#active_menu:hover {
color : #333333;
}

a:link, a:visited {
color : #666666;
text-decoration : none;
width : auto;
margin : 1px 0px;
padding : 0;
background : none;
text-indent : 10px;
}

a:hover {
color : #9a887c;
text-decoration : none;

}
a.category:link, a.category:visited {
font-size : 12px;

}
a.readon:link, a.readon:visited {
color : #999999;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
background : url(../images/readon.gif) no-repeat;
white-space : normal;
font-weight : bold;
padding : 1px 0 3px 18px;
float : right;
line-height : 10px;
text-decoration : underline;
}
a.readon:hover {
color : #9a887c;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
background : url(../images/readon.gif) no-repeat;
white-space : normal;
font-weight : bold;
padding : 1px 0 3px 18px;
line-height : 10px;
text-decoration : underline;
}
ul {
margin : 2px;
padding-left : 10px;
list-style : none;
}
li {

line-height : 15px;
padding-left : 10px;
padding-top : 0;
background-image : url(../images/strelka.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
table.contenttoc {
border : 1px solid #dcdcdc;
background : #F1F1F1;
padding : 5px;
margin-left : 2px;
margin-bottom : 2px;
}
.pagenavcounter {
font-size : 10px;
color : #0066CC;
}
.pagenavbar {
border-top : 1px solid #999999;
padding : 2px;
}
.pagenav {
font-weight : bold;
}
a.pagenav:link, a.pagenav:visited {
font-size : 11px;
color : #999999;
text-decoration : none;
}
a.pagenav:hover {
font-size : 11px;
color : #9a887c;
text-decoration : none;
}
.date {
font-size : 10px;
font-weight : bold;
color : #707070;
padding-right : 10%;
}
.small {
font-size : 10px;
color : #333333;
}
.smalldark {
font-size : 10px;
color : #333333;
}
.createdate, .modifydate {
float : left;
font-size : 10px;
color : #666666;
font-weight : bold;


}
.content_vote {
font-size : 10px;
height : 22px;
padding-top : 2px;
padding-bottom : 2px;
}
.content_rating {
font-size : 10px;
color : #999999;
}
.pathway {
font-size : 11px;
color : #333333;
padding-left : 6%;
}
a.pathway:link, a.pathway:visited {
font-size : 11px;
padding-left : 0;
}
a.pathway:hover {
font-size : 11px;
padding-left : 0;
}
table.content{
width : 100%;
padding : 0;
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 10px;
}
table.contentpane {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
}
table.contentpaneopen {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
text-align: justify;
}
.poll {
color : #333333;
line-height : 12px;
font-weight: normal;

}

.pollstableborder{
border-color : #999999;
}
.contentheading,.componentheading {
border-bottom : 1px solid #000066;
font-size : 14px;
font-weight : bold;
line-height : 16px;
text-transform : uppercase;
text-align : left;
text-indent : 0;
color : #000066;
width : 100%;
padding : 1px;
margin: 3px 0px;
}


.ontab {
border-left : 1px solid #666666;
text-align : center;
font-weight : bold;
color : #333333;
padding : 5px;
cursor : pointer;
line-height : 30px;
}
.offtab {
border-left : 1px solid #666666;
text-align : center;
color : #999999;
font-weight : normal;
padding : 5px;
cursor : pointer;
line-height : 30px;
}
.tabpadding {
border-left : 1px solid #666666;
}

.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
font-weight : bold;
height : 31px;
border-top : 1px solid #cccccc;


}
.footer a:link, .footer a:visited {
font-size : 14px;
color : #666666;
text-decoration : none;
font-weight : bold;
}
.footer a:hover {
font-size : 14px;
color : #999999;
text-decoration : none;
font-weight : bold;
}


.lcol {
vertical-align : top;
background : #ffffff;
padding-top: 5px;
border-left : 1px solid #cccccc;
padding-left: 3px;



}
.rcol {
vertical-align : top;
background : #ffffff;
padding-top: 5px;
border-right : 1px solid #cccccc;
padding-right: 3px;



}

.foot {
background : none;
vertical-align : top;

}


.contentdescription {
width : auto !important;
margin : 0;
padding : 0;
padding-top : 5px;
text-align : left;
}

td.top1{
margin: 0;
padding: 0;
height: 28px !important;
height: 28px;
padding-top: 2px !important;
padding-top: 3px;
background : url(../images/shadow.jpg) #ffffff repeat-x top;

}
table.top2{
background : #ffffff;
}

.searchbox {
margin : 0;
padding : 0;
margin-top : 13px;
margin-left : 10px;
width : 130px;
font-size : 12px;
color : #707070;
padding : 2px !important;
padding : 1px;
border : 1px solid #cccccc;
background : none;

}

.sublevel {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;

color : #999999;
padding : 3px 1px 3px 5px;
margin : 3px;
}
a.sublevel:link, a.sublevel:visited {
color : #999999;
text-decoration : none;
font-size : 12px;
}
a.sublevel:hover {
color : #000066;
text-decoration : none;
font-size : 12px;
}
a.sublevel#active_menu {
background : transparent;
color : #000066;
border : 0px;
font-size : 12px;

}

td.logoheader {
margin: 0;
padding: 0;
background : url(../images/logo.gif) no-repeat center left;
height : 76px;
width : 263px;

}
td.topnav {
margin : 0px;
padding: 0px;
background : url(../images/bg_top.jpg) repeat-x top left;
height : 42px;
width : 770px;

}

td.bgline {
margin : 0px;
padding: 0px;
background : url(../images/s.gif) repeat-y;
width : 7px;
}


#mainlevel-nav {
float : right;
display : block;
font-size : 11px;
list-style : none;
padding : 0;
margin : 0;
margin-left : 1px;

}

#mainlevel-nav li {
float : right;
display : block;
list-style : none;
background-image : none;
padding-left : 2px;
padding-right : 2px;
margin : 0;
width : auto !important;
font-size : 11px;
line-height : 28px;
white-space : nowrap;
border-left : 1px solid #cccccc;

}
#mainlevel-nav li a {


padding-left : 10px;
padding-right : 10px;
font-size : 11px;
color : #000033;
text-decoration : none;

}

#mainlevel-nav li a:hover {
font-size : 11px;
color : #999999;

}

.blog_more {
margin : 10px 0 7px 7px;
}
.buttonheading {
padding : 0 2px;
}

.mosimage {
border : 0px solid #dedede;
margin : 5px;
padding-top: 3px;

}

.mosimage_caption {
margin-top: 3px;
padding : 2px;
color : #000066;
font-size : 10px;
background: #f1f1f1;
}[/code]

Edited by Kaylang
Link to comment
Share on other sites
  • 0
vovchikku Explorer

vovchikku

Posted
  • Author
Posted

спасибо.... полностью копировать не стал. а разобрался....

может сможешь еще помочь?

видишь бордюр на правой колонке сейчас он выводится как img scr ... меня не устраивает, что этот бордюр на пару пикселей отходит от правого края... но я никак не могу понять что его смещает.

я пробовал прописать правый бордюр в css

}

table.top2{

background : #ffffff;

border-right: 1px #cccccc;

}

но это тоже не дает эффекта...

как бы мне вообще сделать общий правый бордюр для всех элементов сайта и не вставлять его при этом в таблицу.... может можно как-то привязать чисто координатами картинку с серой точкой и размножить ее по вертикали. Но как?

Link to comment
Share on other sites
  • 0
Kaylang Explorer

Kaylang

Posted
Posted (edited)

Если тебе надо по всей высоте сайта задать правый бордюр, то сделай картинку и попробуй так:

#wrap{
	widht:1014px;
	margin:0 auto;
	background:url(адрес картинки) top right repeat-y;
}

Если только для контента, то вот тут у тебя проблемка. Все упирается в s.gif. он имеет ширину 7px, из которых только один средний пиксель серого цвета, а остальное белое.

td.bgline {

background:url("../images/s.gif") repeat-y scroll 0 0 transparent;

border-right:1px none black;

margin:0;

padding:0;

width:7px;

}

Попробуй убрать этот gif и сделать просто бордером. А отступы задай паддингами.

Edited by Kaylang
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept