Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Отступ сверху
цитата
18/11/09 в 11:27
 Man of war
Кто знает как сделать отступ сверху в CSS чтобы все целиком сдвинулось вниз? и что бы можно было вставить банер.. всю голову изломал уже, смещается только часть а бекграунд остается или наоборот...
вот сss:
Код:

<style type="text/css">
html{
   padding:0;
   color:#000;
}

body{
   background:url(mov_files/5570_BG0.jpg

) top center no-repeat #000;
   height:100%;
   padding:300;
   margin:20px 0 0 0;
   background-color: #000;
}



*{margin:0;padding;0 }

a{text-decoration:none; color:#CC3300}

a:hover, a:active{text-decoration:none; color:#fff}

a:link img {border: 1px solid #9EADBC;}
a:visited img  {border: 1px solid #9EADBC;}
a:active img {border: 1px solid #9EADBC;}
a:hover img {border: 1px solid #fff;}

#wrap{padding:0;width:954px; height:920px;margin:0 auto }

#main{width:900px;height:920px;}

#top{position:absolute; top:30px; left:auto; margin-left:50px;}

   #db1 a{
   position:absolute;
   margin-top: 50px;
   margin-left:-20px;
   width:120px;
   height:50px;
   z-index:6;
   left: 448px;
}
   #db1 h1{display:none;}
   
   #db2 a{position:absolute; top:14px; left:auto; margin-left:209px; width:452px; height:143px;}
   #db2 h1{display:none;}

   #db3 a{position:absolute; top:90px; left:auto; margin-left:26px; width:170px; height:60px;z-index:2}
   #db3 h1{display:none;}
   
#db4 a{position:absolute; top:619px; left:auto; margin-left:473px; width:170px; height:60px; z-index:2}
   #db4 h1{display:none;}
   
   #db5 a{
   position:absolute;
   top:946px;
   left:147px;
   margin-left:747px;
   width:170px;
   height:60px;
   z-index:2
}
   #db5 h1{display:none;}

#thumbnails{position:absolute; top:150px; left:auto; margin-left:16px;}

   *html #thumbnails{position:absolute; top:150px;  }

#final{
   position:absolute;
   top:-10px;
   margin-left:150px;
   font:24px "Times New Roman", Times, serif;
   color:#CC3300;
   width: 646px;
}
</style>
цитата
18/11/09 в 11:34
 hardy
Код:

<style type="text/css">
body{
background: #000 url(mov_files/5570_BG0.jpg) no-repeat 50% 100px;
}
#banner{
height:100px;
text-align:center;
}
#container{
width:1000px;
margin:0 auto;
}
</style>

<body>
  <div id="banner">
    <a href="#"><img src="images/banner.jpg" alt="" /></a>
  </div>
  <div id="container">
    content goes here
  </div>
</body>
цитата
18/11/09 в 18:10
 Man of war
hardy: не совсем то получилось.. стукнул тебе
цитата
19/11/09 в 02:55
 XXL Fuck
в body вставь margin-top: 100px;
тогда будет отступ от верху на 100 пикселей, только банер если туда вставишь, то он по моему тоже от верха отойдет.
Это надо немного по другому делать, в зависимости как ты хочешь код банера вставлять.
цитата
19/11/09 в 09:22
 Man of war
спасибо, вопрос решен


Эта страница в полной версии