Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Фиксированное меню на странице

Модерирует : Cheery

 Версия для печати • Подписаться • Добавить в закладки

Открыть новую тему     Написать ответ в эту тему

Pukite



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Итак, имеем:
 
<table>
<td> Меню, несколько строчек </td>
<td> Длинный текст на несколько страниц </td>
</table>
 
Необходимо, чтобы меню постоянно было сверху все время, как пролистывается длинный текст справа - доводилось видеть на бесплатных хостингах, таким образом вставляется реклама. Или сделать независимых scroll для каждой клетки таблицы.
 
Как реализовать? FRAME и IFRAME не предлагать :)



Уточнил название. — Svarga.
Всего записей: 1731 | Зарегистр. 21-09-2002 | Отправлено: 14:48 02-12-2003 | Исправлено: Svarga, 20:37 02-12-2003
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Pukite

Цитата:
Как реализовать? FRAME и IFRAME не предлагать

Слой с фиксированной позицией.

Код:
<div style="position:fixed;left: 10px;top:10px">Пример</div>

http://www.dynamicdrive.com/dynamicindex1/staticmenu3.htm

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:18 02-12-2003
Svarga

Moderator		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Pukite
если
Цитата:
 чтобы меню постоянно было сверху все время
то никаких <td>, по уму всё должно быть так:

Код:
<div style="position:fixed;right:0px;top:0px">меню</div>

но ввиду того, что MSIЁ толком не понимает, что такое position:fixed, приходится извращаться... так, к примеру:

Код:
 
<div style="height:400%;background-color:aquamarine" align=center>всякое содержимое страницы...</div>
 
 
<div id=menu style="position:absolute;top:0px;width:120px;background-color:azure;border:1px solid red">меню §1<br>
меню §2<br>
меню §3<br>
меню §4</div>
 
<script>
var d=document
if(d.getElementById){
var mn=d.getElementById('menu').style
if(d.all && !window.opera){
var tp=parseInt(mn.top)
window.onscroll=function(){mn.top=d.body.scrollTop+tp}
}else{mn.position='fixed'}
}
</script>
 

В Операх 6-, НН 4-, ИЕ 4 будет просто меню вверху страницы висеть, в MSIE 5+, Opera 7+, Mozilla будет вверху страницы и при скроллинге.
 
 
PS. Что ещё за DHTML такой? нет никакой ложки


----------
away.
Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 20:24 02-12-2003 | Исправлено: Svarga, 21:19 02-12-2003
Pukite



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery, Svarga
 
Благодарю, все получилось!
Всего записей: 1731 | Зарегистр. 21-09-2002 | Отправлено: 21:16 02-12-2003
Maximus_BRZ



Silver Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Pukite
Фреймы не есть гуд - я в этом убедился. Сам их чатсо использоовал раньше, сейчас перестал. Слишком много минусов, тем более при вынесении в отдельный фрейм меню. Пускай меню будет в самом верху и в самом низу, кому надо смогут пролистать. Если уж так хочется что бы оно ездило - лучше реализуй при помощи скрипта.

----------
@borzov
Всего записей: 2219 | Зарегистр. 11-01-2003 | Отправлено: 23:35 02-12-2003
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maximus_BRZ

Цитата:
Фреймы не есть гуд - я в этом убедился.  

Ээ.. к чему этот монолог ? давно уже все решили и сделали..

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:54 02-12-2003
bredonosec



Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Svarga

Цитата:
но ввиду того, что MSIЁ толком не понимает, что такое position:fixed, приходится извращаться... так, к примеру:  

 - Спасибо за способ, но такой еще трабл есть: ставлю один слой на меню, один на шапку, содержимое страницы впихиваю в третий (то есть, фактически только добавил третий див к твоей схеме).  
Итог - меню фиксируется, как и надо, а шапка - уплывает при скролле. В чем прикол тут? Или в див таблицы пихать нельзя? (вроде можно, если не ошибаюсь..)  
пример http://www.sherlog.nm.ru/menu-fixed%20test.htm
Всего записей: 16257 | Зарегистр. 13-02-2003 | Отправлено: 13:59 26-08-2004
akasyan



Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Оказывается, строка:

Цитата:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 

вместо  

Цитата:
<html>

влияет на работоспособность вышеизложенной схемы:

Цитата:
 
<html>
<body>
<table>
  <tr>
    <td>Контентег</td>
  </tr>
</table>
<form id=myForm style="position:absolute;top:0px; z-index:3;background-color:azure;border:1px solid red; display:none">
  <input name="btnPrev" type="button" id="btnPrev" value="Back" style="position:relative; z-index:3;" onclick="myResize(-1);"/>
  <input name="btnClose" type="button" id="btnClose" value="End" style="position:relative; z-index:3;" onclick="helpClose()"/>
  <input name="btnNext" type="button" id="btnNext" value="Next" style="position:relative; z-index:3;" onclick="myResize(1);"/>
</form>
<script>
var d=document
if (d.getElementById) {
  var mn=d.getElementById('myForm').style
  if(d.all && !window.opera) {
    var tp=parseInt(mn.top)
    window.onscroll=function() {mn.top=d.body.scrollTop+tp}
  } else {mn.position='fixed'}
}
</script>  
</body>
</html>

при использовании Internet Explorer.
Всего записей: 262 | Зарегистр. 12-11-2005 | Отправлено: 12:02 21-11-2006 | Исправлено: akasyan, 13:28 21-11-2006
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Фиксированное меню на странице


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru