Я СДЕЛАЛ МЕНЮ НА HTML ОНО ВЫДВИГАЕТСЯ ВНИЗ..ТАК КАК НЕ УМЕЮ НА БИТРИКСЕ ТЕПЕРЬ КОГДА Я ОТКРЫВАЮ КАКОЙ-НИБУДЬ РАЗДЕЛ ИЗ МЕНЮ МОИ WORKAREA ОПУСКАЕТСЯ ВМЕСТЕ С НИМ Я ДУМАЮ ЧТО ЭТО ПОТОМУ ЧТО КОНТЕНТ ПРИКРЕПЛЕН К МЕНЮ НО Я НЕ МОГУ ЕГО ОТКРЕПИТЬ ЕЩЕ КОГДА Я ЗАХОЖУ В РАЗДЕЛ В КОТОРОМ ПОКА ПУСТОЙ ИНФОБЛОК МОИ ФУТЕР ПОДНИМАЕТСЯ И СНОСИТ МОИ БАННЕРЫ И ЧУТЬ-ЧУТЬ МЕНЮ. МОЖЕТЕ ПОМОЧЬ ИСПРАВИТЬ ЭТО ПОЖАЛУЙСТА...ЕСЛИ ЧТО НЕ ПРАВИЛЬНО СДЕЛАНО ПОПРАВЬТЕ ЭТО МОИ ПЕРВЫЙ САЙТ. ВОТ ИСХОДНЫЙ КОД:
<!do ctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<ht ml>
<head>
<met a http-equiv="Content-Type" content="text/html; charset=<?echo LANG_CHARSET;?>">
<?$APPLICATION->ShowMeta("keywords")?>
<?$APPLICATION->ShowMeta("description")?>
<title><?$APPLICATION->ShowTitle()?></title>
<?$APPLICATION->ShowCSS();?>
<?$APPLICATION->ShowHeadStrings()?>
<?$APPLICATION->ShowHeadScripts()?>
<sc ript type="text/javascript">
var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3');
startList = function allclose() {
for (i=0; i < id_menu.length; i++){
document.getElementById(id_menu[i]).style.display = "none";
}
}
func tion openMenu(id){
for (i=0; i < id_menu.length; i++){
if (id != id_menu[i]){
document.getElementById(id_menu[i]).style.display = "none";
}
}
if (document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else{
docu ment.getElementById(id).style.display = "block";
}
}
wind ow .onl oad=startList;
</sc ript>
</head>
<body>
<div id="panel"><?$APPLICATION->ShowPanel()?></div>
<div id="container">
<div id="lang">
Апсуа
Русский
</div>
<div id="header">
<!--Шапка сайта-->
<!--Шапка сайта-->
<!--Логотип сайта-->
<h1> </h1>
<!--Логотип сайта-->
<!--Заглавный Текст-->
<h1 class="texth">Кабинет Министров Республики Абхазия </h1>
<!--Заглавный Текст-->
<!--Пойск-->
[td]
<?$APPLICATION->IncludeComponent("bitrix:search.form", "template2", Array(
),
false
);?>
[/td]
<!--Пойск-->
<!--Верхнее меню сайта-->
</div>
<!--Верхнее меню сайта-->
<!--Главное меню сайта-->
<div id="menu_body">
Исполнительная власть
</li>
Документы
</li>
Состав правительства
Экс-премьер-министры
Государственная
Письмо правительству
</ul>
</div>
<div></div>
<div id="banner">
<br />
/map
<br />
http://abkhaziagov.org/
<br />
http://www.mfaapsny.org/ </div>
</div>
</div>
<!--Главное меню сайта-->
<div class="main_content">#WORK_AREA#</div>
<div>
<div class="ots"></div>
<div id="footer">
<div height="164" valign="top">
<?$APPLICATION->IncludeFile(
$APPLICATION->GetTemplatePath("include_areas/govabk-footer.php"),
Array(),
Array("MODE"=>"html")
);?>
</div>
</body>
</html>
ТАБЛИЦА СТИЛЕЙ:
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
margin: 0; padding: 0; border: 0;
}
body {
font: 14px/24px Arial, Verdana; color: #000;
background: #F4F5F7;
}
a {
color: #0A5483; text-decoration:none;
}
a:hover {
color: #686A7F;
}
#container {
width:944px; margin: 0px auto; min-height: 100%;
}
#header {
overflow: hidden;
}
div#workarea {}
#shapka {
background-position: center top;
height: 197px;
width: 941px;
}
#logo {
position:absolute;
margin: -166px 0 15px 42px;
float: left;
width:100px;
height:118px;
}
.main_content {
width: 720px; /* Ширина слоя */
margin: -380px auto 50px;
padding-left:280px;
}
.texth {
position:absolute;
margin: -120px 0 15px 192px;
color:#ffffff;
}
#menu a{
color:#fff;
}
#menu a:hover{
color:#DEDEDE;
}
#menu {
display:block;
list-style: none;
float: right;
position:absolute;
margin: -187px 0px 0px 473px;
font-weight:bold;
font-size: 14px;
}
#menu li {
display: inline;
margin-right:10px;
}
#lang li {
display:inline;
margin-right:7px;
font-family: Candara, Arial;
font-weight:200;
}
#lang {
position:relative;
margin: 0px 0px 0px 10px;
}
.searchbox {
position:absolute;
margin: -185px 0px 0px 780px;
}
.searchbox {
background: #6BAFD6;
font: 14px Helvetica, Sans-Serif;
color: #F6F6F6;
width:134px;
}
#menu_body li ul {
display: none;
}
#menu_body li:hover ul, #menu_body li.over ul {
display: block;
}
#menu_body {
display:block;
background:#E6F0F9;
width: 240px;
margin:14px 0px 0px 0;
}
#menu_body a {
display: block;
width: 185px;
height: 24px;
padding-left: 15px;
}
#menu_body ul li {
list-style-type: none;
border-bottom: 1px solid #fff;
margin-left: 0px;
padding-left: 0px;
}
#menu_body ul li a {
color: #000;
text-decoration: none;
font-size: 115%;
font-family: Arial;
}
#menu_body ul li a:hover {
color: #000;
text-decoration: none;
background:#BBDDF8;
width: 225px;
}
#menu_body ul li ul li {
border: 0;
list-style-type: none;
color: #000;
list-style-position: inside;
}
#menu_body ul li ul{
border-top: 1px solid #fff;
}
#sub_menu_1 li {
background-color:#D0D9E1;
color:000;
}
#sub_menu_2 li {
background-color:#D0D9E1;
color:000;
}
#sub_menu_3 li {
background-color:#D0D9E1;
color:000;
margin-left:-10px;
}
#newpraw {
margin:45px 0px 30px 0px;
background:#F7FBFE;
width:683px;
}
.ots {padding-bottom:270px;}
#banner{position:relative; padding-left:0px}
a.banner1 {width:233px;height:37px;display:block;}
a.banner2 {width:233px;height:37px;display:block;}
a.banner3 {width:233px;height:37px;display:block;}
a.banner1{background: url('http://govabk.org/bitrix/templates/11/images/1.jpg') top;}
a.banner1:hover{background: url('http://govabk.org/bitrix/templates/11/images/5.jpg') bottom;}
a.banner2{background: url('http://govabk.org/bitrix/templates/11/images/2.jpg') top;}
a.banner2:hover{background: url('http://govabk.org/bitrix/templates/11/images/4.jpg') bottom;}
a.banner3{background: url('http://govabk.org/bitrix/templates/11/images/3.jpg') top;}
a.banner3:hover{background: url('http://govabk.org/bitrix/templates/11/images/6.jpg') bottom;}
.obispinfo {padding-left:0px;}
#footer {
color: #0066ff;
font-family: Arial, Gadget, sans-serif;
font-size: 11px;
left: 0; bottom: 0; /* Левый нижний угол */
padding: 10px; /* Поля вокруг текста */
background: #F4F5F7; /* Цвет фона */
color: #000; /* Цвет текста */
}
<!do ctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<ht ml>
<head>
<met a http-equiv="Content-Type" content="text/html; charset=<?echo LANG_CHARSET;?>">
<?$APPLICATION->ShowMeta("keywords")?>
<?$APPLICATION->ShowMeta("description")?>
<title><?$APPLICATION->ShowTitle()?></title>
<?$APPLICATION->ShowCSS();?>
<?$APPLICATION->ShowHeadStrings()?>
<?$APPLICATION->ShowHeadScripts()?>
<sc ript type="text/javascript">
var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3');
startList = function allclose() {
for (i=0; i < id_menu.length; i++){
document.getElementById(id_menu[i]).style.display = "none";
}
}
func tion openMenu(id){
for (i=0; i < id_menu.length; i++){
if (id != id_menu[i]){
document.getElementById(id_menu[i]).style.display = "none";
}
}
if (document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else{
docu ment.getElementById(id).style.display = "block";
}
}
wind ow .onl oad=startList;
</sc ript>
</head>
<body>
<div id="panel"><?$APPLICATION->ShowPanel()?></div>
<div id="container">
<div id="lang">
</div>
<div id="header">
<!--Шапка сайта-->
<!--Шапка сайта-->
<!--Логотип сайта-->
<h1>
<!--Логотип сайта-->
<!--Заглавный Текст-->
<h1 class="texth">Кабинет Министров Республики Абхазия </h1>
<!--Заглавный Текст-->
<!--Пойск-->
[td]
<?$APPLICATION->IncludeComponent("bitrix:search.form", "template2", Array(
),
false
);?>
[/td]
<!--Пойск-->
<!--Верхнее меню сайта-->
</div>
<!--Верхнее меню сайта-->
<!--Главное меню сайта-->
<div id="menu_body">
Новости
<ul id="sub_menu_1"">
Анонсы мероприятий
Видеорепортажи
Новости правительства
Фоторепортажи
</li>
</li>
</ul>
</div>
<div></div>
<div id="banner">
<br />
<br />
<br />
</div>
</div>
<!--Главное меню сайта-->
<div class="main_content">#WORK_AREA#</div>
<div>
<div class="ots"></div>
<div id="footer">
<div height="164" valign="top">
<?$APPLICATION->IncludeFile(
$APPLICATION->GetTemplatePath("include_areas/govabk-footer.php"),
Array(),
Array("MODE"=>"html")
);?>
</div>
</body>
</html>
ТАБЛИЦА СТИЛЕЙ:
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
margin: 0; padding: 0; border: 0;
}
body {
font: 14px/24px Arial, Verdana; color: #000;
background: #F4F5F7;
}
a {
color: #0A5483; text-decoration:none;
}
a:hover {
color: #686A7F;
}
#container {
width:944px; margin: 0px auto; min-height: 100%;
}
#header {
overflow: hidden;
}
div#workarea {}
#shapka {
background-position: center top;
height: 197px;
width: 941px;
}
#logo {
position:absolute;
margin: -166px 0 15px 42px;
float: left;
width:100px;
height:118px;
}
.main_content {
width: 720px; /* Ширина слоя */
margin: -380px auto 50px;
padding-left:280px;
}
.texth {
position:absolute;
margin: -120px 0 15px 192px;
color:#ffffff;
}
#menu a{
color:#fff;
}
#menu a:hover{
color:#DEDEDE;
}
#menu {
display:block;
list-style: none;
float: right;
position:absolute;
margin: -187px 0px 0px 473px;
font-weight:bold;
font-size: 14px;
}
#menu li {
display: inline;
margin-right:10px;
}
#lang li {
display:inline;
margin-right:7px;
font-family: Candara, Arial;
font-weight:200;
}
#lang {
position:relative;
margin: 0px 0px 0px 10px;
}
.searchbox {
position:absolute;
margin: -185px 0px 0px 780px;
}
.searchbox {
background: #6BAFD6;
font: 14px Helvetica, Sans-Serif;
color: #F6F6F6;
width:134px;
}
#menu_body li ul {
display: none;
}
#menu_body li:hover ul, #menu_body li.over ul {
display: block;
}
#menu_body {
display:block;
background:#E6F0F9;
width: 240px;
margin:14px 0px 0px 0;
}
#menu_body a {
display: block;
width: 185px;
height: 24px;
padding-left: 15px;
}
#menu_body ul li {
list-style-type: none;
border-bottom: 1px solid #fff;
margin-left: 0px;
padding-left: 0px;
}
#menu_body ul li a {
color: #000;
text-decoration: none;
font-size: 115%;
font-family: Arial;
}
#menu_body ul li a:hover {
color: #000;
text-decoration: none;
background:#BBDDF8;
width: 225px;
}
#menu_body ul li ul li {
border: 0;
list-style-type: none;
color: #000;
list-style-position: inside;
}
#menu_body ul li ul{
border-top: 1px solid #fff;
}
#sub_menu_1 li {
background-color:#D0D9E1;
color:000;
}
#sub_menu_2 li {
background-color:#D0D9E1;
color:000;
}
#sub_menu_3 li {
background-color:#D0D9E1;
color:000;
margin-left:-10px;
}
#newpraw {
margin:45px 0px 30px 0px;
background:#F7FBFE;
width:683px;
}
.ots {padding-bottom:270px;}
#banner{position:relative; padding-left:0px}
a.banner1 {width:233px;height:37px;display:block;}
a.banner2 {width:233px;height:37px;display:block;}
a.banner3 {width:233px;height:37px;display:block;}
a.banner1{background: url('http://govabk.org/bitrix/templates/11/images/1.jpg') top;}
a.banner1:hover{background: url('http://govabk.org/bitrix/templates/11/images/5.jpg') bottom;}
a.banner2{background: url('http://govabk.org/bitrix/templates/11/images/2.jpg') top;}
a.banner2:hover{background: url('http://govabk.org/bitrix/templates/11/images/4.jpg') bottom;}
a.banner3{background: url('http://govabk.org/bitrix/templates/11/images/3.jpg') top;}
a.banner3:hover{background: url('http://govabk.org/bitrix/templates/11/images/6.jpg') bottom;}
.obispinfo {padding-left:0px;}
#footer {
color: #0066ff;
font-family: Arial, Gadget, sans-serif;
font-size: 11px;
left: 0; bottom: 0; /* Левый нижний угол */
padding: 10px; /* Поля вокруг текста */
background: #F4F5F7; /* Цвет фона */
color: #000; /* Цвет текста */
}