Фиксация - Форум
Страница 1 из 11
Форум » Форум веб мастеров » html & css » Фиксация
Фиксация

steel
VIP
Сообщений 490
+
+341
-
Ваши награды 18
steel написал: В ответ пользователя steel Написано 29 Марта 2012 в 13:50
Сообщение № 1
Ребят, такой вопрос, может быть кто знает как сделать. Мне нужно чтобы при пролистывании страницы фиксировалось меню, НО вначале пролистывание должно происходить полностью, а с определенного момента меню бы фиксировалось. Пример как поиск на Яндексе. Кто знает как сделать?
подпись: steel
«Пред. тема След. тема»

k43
Друзья
Сообщений 2953
+
+12981
-
Ваши награды 122
k43 написал: В ответ пользователя k43 Написано 29 Марта 2012 в 17:04
Сообщение № 2
steel,

1 шаг. Это ставим в верхнюю часть сайта:
Code
<table style="position:fixed; //фиксируем положение  
top:0px; //расстояние от верха  
border:1px solid #dedede; // толщина границы  
background-color:white; // цвет фона  
">  
<tr>   
<td>  
<div class="blogroll">
<p>Главное меню</p>
<ul>
<li><a href="http://webo4ka.ru/">webo4ka.ru</a></li>
</ul>
</div>
</td>  
</tr>  
</table>


2 шаг. Это ставим в CSS:
Code
.blogroll {   
   position:relative;   
   width:274px;   
   }   
   .blogroll p {   
   font:13px Verdana,Arial,Helvetica, sans-serif; color:#666;   
   font-weight: bold;   
   text-shadow: 1px 1px 1px #fff;   
   width:274px;   
   height:25px;   
   background:url('Blog_fon.png') 0 0 no-repeat;   
   margin:0;   
   padding: 4px 0px 0px 10px;   
   }   

   .blogroll ul {   
   list-style:none;   
   width:272px;   
   background:#F4F5F6;   
   border:1px solid #d0d0d0;   
   border-bottom: none;   
   border-width:0 1px 1px 1px;   
   position:absolute;   
   left:0;   
   top:25px;   
   margin:0;   
   padding:0;   
   }   

   .blogroll ul a:link,   
   .blogroll ul a:visited {   
   display:block;   
   color:#555;   
   font-weight:normal;   
   text-decoration:none;   
   width:252px;   
   padding:4px 10px 4px 10px;   
   border-bottom: 1px solid #d0d0d0;   
   border-top: 1px solid #fff;   
   }   

   .blogroll ul a:hover,   
   .blogroll ul a:active {   
   background:#fff;   
   }   

   .blogroll {   
   height:25px;   
   overflow:hidden;   
   }   

   .blogroll:hover {   
   overflow:visible;   
   }


Пробуй wink

steel
VIP
Сообщений 490
+
+341
-
Ваши награды 18
steel написал: В ответ пользователя steel Написано 29 Марта 2012 в 18:54
Сообщение № 3
ЖеХа4, братишк, не подходит(( он фиксирует с той позиции с которой и меню
подпись: steel

BlackPh
Пользователи
Сообщений 1396
+
+538
-
Ваши награды 28
BlackPh написал: В ответ пользователя BlackPh Написано 29 Марта 2012 в 19:36
Сообщение № 4
steel, пишешь js на скролинг .
подпись: Мой Vkontakte : vkontakte.ru/blackphxd
Мой Skype: SykybaXD BlackPh

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
S@Nek написал: В ответ пользователя S@Nek Написано 30 Марта 2012 в 15:41
Сообщение № 5
Sykyba, да ты крутой, он так то просит))) вот напиши ему)
подпись: S@Nek
Форум » Форум веб мастеров » html & css » Фиксация
Страница 1 из 11
Поиск:
Топ пользователей: