Перейти к содержимому



Меню появляется не там где нужно при изменении разрешения экрана

#1 Гость_leonoff_*

Гость_leonoff_*
  • Гости
0

Отправлено 21 Октябрь 2008 - 11:18

Доброго времени суток! У меня такая пробема:
Сделал выскакивающие меню при наведении курсора на соответсвующий раздел. вот фрагмент кода

<script language=javascript src="http://leonovav.ucoz.ru/menu.js"></SCRIPT>
<div style=onmouseover="P7_autoLayers(0,'msa','Closer')" onmouseout="P7_autoLayers(0" >

<ul class="uz">
<li class="m"><a class="m" href="$HOME_PAGE_LINK$">Главная страница</a></li>
<li class="m"><a class="m" href="http://leonovav.ucoz.ru/index/0-2">Администрация города</a></li>
<li class="m"><a class="m" href="http://leonovav.ucoz.ru/index/0-3">Обратная связь</a></li>

<li class="m"><a class="m" href="http://leonovav.ucoz.ru/index/0-4" ONMOUSEOVER=P7_autoLayers(0,'msa','Closer') onmouseout=P7_autoLayers(0)>Справочник</a></li>

<li class="m"><a class="m" href="http://leonovav.ucoz.ru/index/0-5">Спортивная страничка</a></li>
<li class="m"><a class="m" href="http://leonovav.ucoz.ru/index/0-6">Афиша</a></li>
<li class="m"><a class="m" href="http://leonovav.ucoz.ru/forum/">Форум</a></li>
<li class="m"><a class="m" href="http://leonovav.ucoz.ru/board/">Доска объявлений</a></li>

<li class="m"><a class="m" href="http://leonovav.ucoz.ru/publ/">Каталог статей</a></li>

<li class="m"><a class="m" href="http://leonovav.ucoz.ru/index/0-15">Дополнительное образование</a></li>
<li class="m"><a class="m" href="http://leonovav.ucoz.ru/index/0-16">Работа в городе</a></li>
</ul>

</div>

<div id=msa onmouseover="P7_autoLayers(0,'msa','Closer')" onmouseout="P7_autoLayers(0)" style="Z-INDEX: 9; LEFT: 250px; VISIBILITY: hidden; WIDTH: 80px; POSITION: absolute; TOP: 115px;background-color: transparent; HEIGHT: 45px">
<table width=201 border=0 bgcolor=transparent><tr><td><a href="podl1.htm ONMOUSEOVER="P7_autoLayers(0,'msa','Closer') onmouseout=P7_autoLayers(0)" ><P ALIGN=RIGHT>Телефонный справочник</a></P></td></tr>
<tr><td><a href=onmouseout=""podl2.htm ONMOUSEOVER="P7_autoLayers(0,'msa','Closer') onmouseout=P7_autoLayers(0)" ><P ALIGN=RIGHT>Расписание автобусов</a></td></P></tr>
<tr><td><a href="podl3.htm ONMOUSEOVER="P7_autoLayers(0,'msa','Closer') onmouseout=P7_autoLayers(0)" ><P ALIGN=RIGHT>Расписание электричек</a></P></td></tr>
<tr><td><a href=onmouseout=""podl2.htm ONMOUSEOVER="P7_autoLayers(0,'msa','Closer') onmouseout=P7_autoLayers(0)" ><P ALIGN=RIGHT>Гостиницы</a></td></P></tr>
<tr><td><a href=onmouseout=""podl2.htm ONMOUSEOVER="P7_autoLayers(0,'msa','Closer') onmouseout=P7_autoLayers(0)" ><P ALIGN=RIGHT>Медицина</a></td></P></tr></table>
</div>

Все норм. работает, но при другом разрешении экрана оно появлятся не там где нужно(у меня 1280 на 800). Как сделать так чтобы оно вне зависимости от разрешения появлялось одинаково? Заранее благодарен

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Отображение сайта на широкоформатных экранах
  2. Сайт размещен не по центру экрана - как исправить
  3. Верстаем горизонтальное меню по мотивам MasterWEBS
  4. Как целиком изменить масштаб страницы при смене разрешения экрана?
  5. Изменение размера картинки при уменьшении окна браузера

#2 Vialls

Vialls
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 21 Октябрь 2008 - 13:11

Узнаем координаты мыши, и ваше "всплывающее меню" позицинируем по этим координатам...
  • 0


Оформление форума – IPBSkins.ru