Шапку подключила из css, проблема с меню остается, люди знающие подскажите!
Новый код
Код:
*{margin:0;padding:0}
html{height:100%}
header,nav,section,main,article,footer{display:block}
body{height:100%;width:100%}
.maxw{margin:0 auto;min-width:240px;max-width:1920px}
#head {
top:0px;
left:0px;
min-width:240px;width:100%;height:270px
}
#header {
position:absolute;
top:0px;
left:0px;
min-width:240px;
max-width:1920px;
width:100%;
height:270px;
background-image:url(img/hapka.png);
border-radius:20px;
background-repeat:no-repeat;
background-size: 100%;
}
#wrapper{position:relative;margin:0 auto;height:auto!important;height:100%;min-height:100%;padding-top: 0;}
.section{width:100%;padding:0 0 100px;position:relative}
.section:after{content:'';clear:both;display:table}
.mainwrap{width:100%;float:left;overflow:hidden}
main{padding:25px 0 0 315px;min-height:350px;margin:0}
article{padding:0 5px;margin:0 5px;min-height:350px}
#s_left{float:left;width:315px;margin-left:-100%;left:0;position:relative;min-height:350px}
footer{margin:-100px auto 0;width:100%;min-width:240px;height:100px;position:relative}
@media screen and (min-width:240px) and (max-width:479px) {
main{padding-top:0;}
#s_left{padding:0;margin:0 auto;float:none;clear:both;left:0}
#s_right{padding:0;margin:0 auto;float:none;clear:both;right:0}
}
@media screen and (min-width:480px) and (max-width:799px) {
main{padding:10px}
#s_left{padding:0;margin:0 auto;float:none;clear:both;left:0}
#s_right{padding:0;margin:0 auto;float:none;clear:both;right:0}
}
@media screen and (min-width:800px) and (max-width:979px) {
main{padding:10px}
#s_left{padding:0;margin:0 auto;float:none;clear:both;left:0}
#s_right{padding:0;margin:0 auto;float:none;clear:both;right:0}
}
body{font-size:18px;font-size:100%;line-height:1.5em}
hr{border:0;border-top:1px solid #CCC;height:1px;margin-bottom:25px}
a{color:#575757;text-decoration:none}
a:hover{background:#bdbdbd;color:#FFF}
#s_menu{border-radius:8px 0 0 8px}
#l_menu{border-radius:0 8px 8px 0}
ul#navmenu{margin:0;border:none 0;padding:0;width:100%;list-style:none;height:24px}
ul#navmenu li{margin:0;border:none 0;padding:0;width:16.6%;float:left;display:inline;list-style:none;position:relative;height:100%}
ul#navmenu ul{margin:0;border:none 0;padding:0;width:16.6%;list-style:none;display:none;position:absolute;top:24px;left:0}
ul#navmenu ul:after{clear:both;display:block;font:1px/0 serif;content:".";height:0;visibility:hidden}
ul#navmenu ul li{width:605%;float:left;display:block!important;display:inline}
ul#navmenu a{border:#57748a solid 1px;border-right-color:#afcade;border-bottom-color:#bed8eb;padding:0 7px;float:none!important;float:left;display:block;background:#84a1b8;color:#edffff;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:30px;text-decoration:none;height:auto!important;height:1%}
ul#navmenu a:hover,ul#navmenu li:hover a,ul#navmenu li.iehover a{background:#b4cbd1;color:#FFF}
ul#navmenu li:hover li a,ul#navmenu li.iehover li a{float:none;background:#EEE;color:#666}
ul#navmenu li:hover li a:hover,ul#navmenu li:hover li:hover a,ul#navmenu li.iehover li a:hover,ul#navmenu li.iehover li.iehover a{background:#b4cbd1;color:#FFF}
ul#navmenu li:hover li:hover li a,ul#navmenu li.iehover li.iehover li a{background:#EEE;color:#666}
ul#navmenu li:hover li:hover li a:hover,ul#navmenu li:hover li:hover li:hover a,ul#navmenu li.iehover li.iehover li a:hover,ul#navmenu li.iehover li.iehover li.iehover a{background:#b4cbd1;color:#FFF}
ul#navmenu li:hover li:hover li:hover li a,ul#navmenu li.iehover li.iehover li.iehover li a{background:#EEE;color:#666}
ul#navmenu li:hover li:hover li:hover li a:hover,ul#navmenu li.iehover li.iehover li.iehover li a:hover{background:#b4cbd1;color:#FFF}
ul#navmenu ul ul,ul#navmenu ul ul ul{display:none;position:absolute;top:0;left:200px}
ul#navmenu li:hover ul ul,ul#navmenu li:hover ul ul ul ul ul,ul#navmenu li.iehover ul ul,ul#navmenu li.iehover ul ul ul{display:none}
ul#navmenu li:hover ul,ul#navmenu ul li:hover ul,ul#navmenu li.iehover ul,ul#navmenu ul li.iehover ul,ul#navmenu ul ul li.iehover ul{display:block}
H1{color:#003261;text-align:center;font-size:27px;line-height: 200%}
H2{color:#003261;text-align:center;font-size:25px}
H3{color:#003261;text-align:center;font-size:23px}
H4{color:#003261;text-align:center;font-size:22px}
H5{color:#003261;text-align:center;font-size:22px}
H6{color:#003261;text-align:center;font-size:22px}
.lefttab{text-indent:1.5em;font-size:19px}
.center{display:block;margin:0 auto}
.teaser{
background: #eaeaed;
border: 1px solid #9799a7;
float: left;
margin: 8px 15px 8px 10px;
padding: 4px;
width: 300px;
}
.gal{width:24px;height:24px;align:right;hspace:10;}
.toch{width:8px;height:8px;hspace:10;}
BODY{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAJuCAYAAABxKGgvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiYEib+Z+JAQjgBBoXvwSxYpQYQDtt+JT8AxFMBHSQbgd1uFQzBepL6thGE4mBMpQe5lHRAIrtpZuho6whxxoNiAFgYVRAA8UaTIbSw166mTdIDKWvOnqYQo+mGu2UUFEblQwACDAARUIG6sdrBvcAAAAASUVORK5CYII=) repeat-x #e8e8e8}
#MainMenu{width:314px;border:0;margin:0}
#tab{top:0;height:0;margin:0}
#tab ul{list-style:none;float:left;margin:0;padding:0}
#tab li{float:left;clear:both;margin:0 1px 0 0;padding:0}
#tab a{background:#363636 url(images/bright_094.gif) no-repeat right top;text-decoration:none;width:314px;border:0;display:block;float:left;margin:0;padding:0}
#tab a span{display:block;background:url(images/bleft_094.gif) no-repeat left top;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#262626;font-weight:700;line-height:40px;padding:0 4px 0 3px}
#tab a:hover,#tab li.item_active a{background-position:right bottom}
#tab a:hover span,#tab li.item_active a span{background-position:left bottom;color:#FFF;font-weight:700;font-style:normal;text-decoration:none}
Код:
<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Форекс для новичков</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<meta name="CHANGED" content="20111202;354968">
<meta name="msvalidate.01" content="535BF717404700EF9D489536708A524A">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="http://forex111.ru/img/favicon(1).ico" type="image/x-icon">
<link rel="stylesheet" href="style.css" type="text/css">
<script async type="text/javascript" src="http://forex111.ru/jquery.js"></script>
<script async type="text/javascript" src="http://forex111.ru/menu.js"></script>
<script async type="text/javascript" src="http://forex111.ru/jquery.bgpos.js"></script>
</head>
<body>
<header>
<div class="maxw">
<div id="head">
<div id="header"></div>
</div></div>
</header>
<div><?php require ('indexa.html'); ?></div>
<div id="wrapper">
<div class="section maxw">
<div class="mainwrap">
<main>
<article>
<h1>Форекс для новичков</h1>
Меню подключено с помощью <?php require ('indexa.html'); ?>
Код меню
Код:
<!--[if gte IE 5.5]>
<script language="JavaScript" src="ie.js" type="text/JavaScript"></script>
<![endif]-->
<ul id="navmenu">
<li><a id="s_menu" href="http://forex111.ru" title="Главная">Главная</a>
<li><a href="http://forex111.ru/osnovi-forex.htm" title="Основы форекс">Основы форекс</a></li>
<li><a href="http://forex111.ru/sekreti-treidinga.htm" title="Секреты трейдинга">Секреты трейдинга</a></li>
<li><a href="http://forex111.ru/stati-o-forex.htm" title="Статьи о форекс">Статьи о форекс</a></li>
<li><a href="http://forex111.ru/karta.htm" title="Карта сайта">Карта сайта</a></li>
<li><a id="l_menu" href="http://forex111.ru/proekt.htm" title="Об авторе сайта">Об авторе сайта</a>
</li>
</ul>
18.08.2016, 09:42
Как прижать меню к шапке
![Аватар для Igor[Игорь]](image.php?s=e34c50f5e93b49f97e95f44bd8ee2531&u=177485&dateline=1341099297)
Похожие темы
