lena-moscow
New Member
- Регистрация
- 17.01.2013
- Сообщения
- 5
делаю по уроку и у них все нормально вот так:
(8:52 минута)
http://www.youtube.com/watch?feature=player_embedded&v=_9nu51ZeY0Q
а у меня при добавлении этого блока все уходит влево:
(то есть у них этот блок поверху меню накладывается а у меня почему то его вымещает - почему?
код у меня такой же
мой код вот:
мой html:
(8:52 минута)
http://www.youtube.com/watch?feature=player_embedded&v=_9nu51ZeY0Q
а у меня при добавлении этого блока все уходит влево:
(то есть у них этот блок поверху меню накладывается а у меня почему то его вымещает - почему?
код у меня такой же
мой код вот:
body{
margin:0;
padding:0;
font:12px Tahoma, Arial, sans-serif;
background:url(../images/bg2.png) repeat-x, url(../images/bg.png);
}
div#wrapper{
width:1000px;
margin:0 auto;
background-color:#fff;
}
ul{
margin:0px;
padding:0px;
list-style:none;
}
div.clear{
clear:both;
}
/*шапка сайта*/
div#header{
height:120px;
background:url(../images/bgHeader.png) repeat-x;
position:relative;
}
div#logo{
width:300px;
height:120px;
background:url(../images/logo2.gif) no-repeat;
}
ul.mainMenu {
position:absolute;
right:35px;
top:23px;
color:#fff;
}
ul.mainMenu li{
cursorointer;
text-shadow:1px 1px 0px #000;
text-transform:uppercase;
font-size:16px;
float:left;
text-align:center;
padding:10px 20px;
border-right:1px solid #111111;
border-left:1px solid #535252;
}
ul.mainMenu li span{
display:block;
font-size:10px;
color:#00ccff;
}
div#blockNav1{
width:503px;
height:200px;
background-image: url(../images/bgBlockNav.png);
outline:1px solid #cc0000;
margin-top:20px;
}
/*конец шапки сайта*/
мой html:
<html>
<head>
<title>оборона двери решетки ворота сейфы взломоустойчивые хром сталь монтаж бронированные демонтаж элитные</title>
<link href="style/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<ul class="mainMenu">
<li style="border-left:none;">двери<span>взломостойкие</span></li>
<li>сейфы<span>от 5 класса</span</li>
<li>ворота<span>двухконтурные</span</li>
<li style="border-right:none;">решетки<span>усиленные</span</li>
<div id="blockNav1"></div>
</ul>
</div>