Jump to content
  • 0

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


vovchikku
 Share

Question

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

вот 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

я прописал 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

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

[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

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

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

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

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

}

table.top2{

background : #ffffff;

border-right: 1px #cccccc;

}

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

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

Link to comment
Share on other sites

  • 0

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

#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

×
×
  • 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