VPF::координаты выпадающего меню и подменю

AngelMoon

Дата 16.6.2006, 15:58 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 23.5.2006

Репутация: нет
Всего: нет

не получается правильно спозиционировать выпадающее меню.

в дреймвивере - все нормально, на локальном хосте немного сдвинуто, на сервере - сдвинуто больше сильно.
и сама "шапочка" поехала - с лева получила пустое поле.
подскажите пожалуйста в чем дело.

Код


<table width="100%" cellpadding="0" cellspacing="0" border="0" align="left"><tr><td colspan="3" align="right" valign="top" width="100%" height="166">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Все о деньгах: заработать | вложить | потратить| 1 КОПЕЙКА</title>
<style>
.menu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight:bold;
    color: #0066CC;
    text-decoration: none;
    font-variant:small-caps;
    position: absolute;
    top:0;
    z-index: 2;
    visibility: hidden;
}

.menu a:link {COLOR: #0066CC; TEXT-DECORATION: none}
.menu a:visited {COLOR: #0066CC; TEXT-DECORATION: none}
.menu a:active {COLOR: #0066CC; TEXT-DECORATION: none}
.menu a:hover {COLOR: #0066CC; TEXT-DECORATION: none}

</style> 
<script>
<!--
var old;
 var memold;
 var subold;
 if(document.layers)
 {
  window.captureEvents(Event.MOUSEDOWN);
  window.onmousedown=do_out;
 } else                                                                                                                                        
 {
document.onmouseup=do_out;       
}
function show_layer(x)
{
    if(document.layers)
        document.layers[x].visibility="show";
    else
        document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
    if(document.layers)
        document.layers[x].visibility="hide";
    else
        document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
    if(!old)
        old=memold;
    if(old!=x)
    {
        show_layer(x);
        old=x;
    } else
        old="";
}
function do_check(x)
{
    if(old && old!=x)
    {
        hide_layer(old);
        show_layer(x);
        old=x;
    }
    do_submenu();
}
function do_out()
{
    if(old)
        hide_layer(old);
    memold=old; old="";
    do_submenu();
}
function do_submenu(x)
{
    if(subold)
    {
        hide_layer(subold);
        subold="";
    }
    if(x)
    {
        show_layer(x);
        subold=x;
    }
}
// -->
</script>
<link href="style/style.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="0" topmargin="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="right" height="166"><tr><td bgcolor="FED427"></td><td><img src="img/t.jpg" border="0"></td></tr><tr><td bgcolor="#D8F3FA"></td><td><table border="0" cellspacing="0" cellpadding="0"><tr>
<td width="256"><a href="http://www.1kopeyka.ru"><img src="img/t1_1.jpg" border="0" width="256"></a></td><td width="180"><img src="img/t1_2.jpg" border="0" width="180"></td><td width="175"><img src="img/t1_3.jpg" border="0" width="175"></td><td width="200"><img src="img/t1_4.jpg" border="0" width="200"></td><td width="193"><img src="img/t1_5.jpg" border="0" width="193"></td></tr>
</table></td></tr><tr><td bgcolor="#D8F3FA"></td><td><table border="0" cellspacing="0" cellpadding="0"><tr><td rowspan="2" width="256"><a href="http://www.1kopeyka.ru"><img src="img/t2_1.jpg" border="0" width="256"></a></td><td rowspan="2" width="72"><img src="img/t2_2.jpg" border="0" width="72"></td><div id="m1" class="menu"><td background="img/t2_3_1.jpg" width="109" height="44" valign="bottom" align="left" onmouseover="background='img/t2_3_1_.jpg'" onMouseOut="background='img/t2_3_1.jpg'"><a href="javascript:do_menu('m1x')" onClick="do_check('m1x')"><b>&nbsp;&nbsp;&nbsp;как</b><br><small class="menu2">получить деньги</small></a></td>

</div><td rowspan="2" width="70"><img src="img/t2_4.jpg" border="0" width="70"></td><div id="m2" class="menu"><td width="106" background="img/t2_4_1.jpg" height="44" align="left" valign="bottom" onMouseOver="background='img/t2_4_1_.jpg'" onMouseOut="background='img/t2_4_1.jpg'"><a href="javascript:do_menu('m2x')" onClick="do_check('m2x')"><b>&nbsp;&nbsp;&nbsp;куда</b><br><small class="menu2">вложить деньги</small></a></td></div><td rowspan="2" width="82"><img src="img/t2_5.jpg" border="0" width="82"></td><div id="m3" class="menu">
<td width="119" background="img/t2_5_1.jpg" height="44" align="left" valign="bottom" onMouseOver="background='img/t2_5_1_.jpg'" onMouseOut="background='img/t2_5_1.jpg'"><a href="javascript:do_menu('m3x')" onClick="do_check('m3x')"><b>&nbsp;&nbsp;&nbsp;как</b><br><small class="menu2">потратить деньги</small></a></td>
</div><td rowspan="2" width="193"><img src="img/t2_6.jpg" border="0" width="193"></td></tr><tr><td width="108" height="39"><img src="img/t2_3_2.jpg" width="108" height="39"></td><td width="106" height="39"><img src="img/t2_4_2.jpg" width="106"></td><td width="119" height="39"><img src="img/t2_5_2.jpg" width="118"></td></tr>
</table></td></tr><tr><td bgcolor="FED427"></td><td><img src="img/t2.jpg" border="0"></td></tr></table>
<div id="m1x" class="submenu" style="left: 340px; top: 104px;">
<table cellspacing="0" cellpadding="1" border="0" bordercolor="#63A7E8" width="258" align="left">
  <tr>
    <td bgcolor="#63A7E8" onMouseMove="bgcolor='#4C84B8'"><a href="javascript:do_menu('m11x')" onmouseover="do_submenu('m11x')">Заработать</a><br>
    <hr align="center" color="#4C84B8" size="2"></td></tr>

    <tr><td bgcolor="#63A7E8"  onMouseOver="bgcolor='#4C84B8'"><a href="javascript:do_menu('m12x')" onmouseover="do_submenu('m12x')">Занять</a></td></tr>
        <tr><td bgcolor="#63A7E8" onMouseOver="bgcolor='#4C84B8'"><a href="javascript:do_menu('m13x')" onmouseover="do_submenu('m13x')">Выпустить ценные бумаги</a></td></tr>
        <tr><td bgcolor="#63A7E8" onMouseOver="bgcolor='#4C84B8'"><a href="javascript:do_menu('m14x')" onmouseover="do_submenu('m14x')">Сдать в аренду</a></td></tr>
        <tr><td bgcolor="#63A7E8" onMouseOver="bgcolor='#4C84B8'"><a href="javascript:do_menu('m15x')" onmouseover="do_submenu('m15x')">Продать</a></td></tr>
    <tr><td bgcolor="#63A7E8" onMouseOver="bgcolor='#4C84B8'"><a href="javascript:do_menu('m16x')" onmouseover="do_submenu('m16x')">Заложить собственность</a></td></tr>
    <tr><td bgcolor="#63A7E8" onMouseOver="bgcolor='#4C84B8'"><a href="javascript:do_menu('m17x')" onmouseover="do_submenu('m17x')">Вещи</a></td></tr>

    <tr><td bgcolor="#63A7E8" onMouseOver="bgcolor='#4C84B8'"><a href="javascript:do_menu('m18x')" onmouseover="do_submenu('m18x')"> Выиграть</a></td></tr>
</table>
</div>
<div id="m11x" class="submenu" style="left: 599px; top:109px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="001.php">Работа в наем</a><br>
    <a href="002.php">Создать свой бизнес</a><br>
    <a href="003.php">Продать идею</a></td>

  </tr>
</table>
</div><div id="m12x" class="submenu" style="left: 599px; top:124px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="004.php">Кредит в Банке</a><br>
    <a href="005.php">Инвестиционные компании и фонды</a><br>
    <a href="006.php">Частные лица</a></td>
  </tr>

</table>
</div><div id="m13x" class="submenu" style="left: 599px; top:135px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="007.php">Выпуск векселей и облигаций</a><br>
    <a href="008.php">Выпустить акции предприятия</a></td>
  </tr>
</table>
</div><div id="m14x" class="submenu" style="left: 599px; top:143px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>

    <td><a href="009.php">Земля</a><br>
    <a href="010.php">Квартира</a><br>
    <a href="011.php">Дом</a><br>
    <a href="012.php">Здание</a><br>
    <a href="013.php">Сооружение</a><br>
    <a href="014.php">Транспорт</a><br>

    <a href="015.php">Другое</a></td>
  </tr>
</table>
</div><div id="m15x" class="submenu" style="left: 599px; top:160px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="016.php">Земля</a><br>
    <a href="017.php">Квартира</a><br>
    <a href="018.php">Дом</a><br>

    <a href="019.php">Здание</a><br>
    <a href="020.php">Сооружение</a><br>
    <a href="021.php">Транспорт</a><br>
    <a href="022.php">Другое</a></td>
  </tr>
</table>
</div><div id="m16x" class="submenu" style="left: 599px; top:173px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">

  <tr>
    <td><a href="023.php">Земля</a><br>
    <a href="024.php">Квартира</a><br>
    <a href="025.php">Дом</a><br>
    <a href="026.php">Здание</a><br>
    <a href="027.php">Сооружение</a><br>

    <a href="028.php">Транспорт</a><br>
    <a href="029.php">Другое</a></td>
  </tr>
</table>
</div><div id="m17x" class="submenu" style="left: 599px; top:187px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="030.php">Комиссионка</a><br>
    <a href="031.php">Антиквариат</a><br>

    <a href="032.php">Ломбард</a><br>
    <a href="033.php">Другое</a></td>
  </tr>
</table>
</div>
<div id="m18x" class="submenu" style="left: 599px; top:204px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="034.php">Гранд</a><br>

    <a href="035.php">Лотерея</a></td>
  </tr>
</table>
</div>





<div id="m2x" class="submenu" style="left: 517px; top: 105px;">
<table cellspacing="0" bgcolor="#63A7E8" cellpadding="2" border="1" bordercolor="#4C84B8" width="258">
  <tr>
    <td><a href="101.php">Банковские депозиты</a><br>

    <a href="javascript:do_menu('m21x')" onmouseover="do_submenu('m21x')">Стать инвестором </a><br>
        <a href="105.php">Антиквариат</a><br>
        <a href="javascript:do_menu('m22x')" onmouseover="do_submenu('m22x')">Недвижимость </a><br>
        <a href="112.php">Золото</a><br>
    <a href="113.php">Создать свой бизнес </a><br>
    <a href="114.php">Купить бизнес</a><br>

    <a href="115.php">Другое</a><br>
    <a href="116.php">ICQ-консультация</a><br>
    <a href="117.php">Заказать консультацию специалиста</a><br></td>
  </tr>
</table>
</div>
<div id="m21x" class="submenu" style="left: 776px; top:118px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>

    <td><a href="102.php">Ценные бумаги (акции, паи, векселя, ..)</a><br>
    <a href="103.php">ОФБУ или ДУ (Доверительное управление)</a><br>
    <a href="104.php">Производные инструменты</a></td>
  </tr>
</table>
</div><div id="m22x" class="submenu" style="left: 778px; top:144px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="106.php">Земля</a><br>

    <a href="107.php">Квартира</a><br>
    <a href="108.php">Дом</a><br>
    <a href="109.php">Здание</a><br>
    <a href="110.php">Сооружение</a><br>
    <a href="111.php">Транспорт</a><br>
    <a href="112.php">Другое</a></td>

  </tr>
</table>
</div>


<div id="m3x" class="submenu" style="left: 674; top: 104px;">
<table cellspacing="0" bgcolor="#63A7E8" cellpadding="2" border="1" bordercolor="#4C84B8" width="258">
  <tr>
    <td><a href="201.php">Сходить в магазин</a><br>
    <a href="202.php">Образование</a><br>
        <a href="javascript:do_menu('m31x')"  onmouseover="do_submenu('m31x')">Заняться собой</a><br>

        <a href="206.php">Развлечься</a><br>
        <a href="207.php">Попутешествовать</a><br>
    <a href="javascript:do_menu('m32x')" onmouseover="do_submenu('m32x')">Купить</a><br>
    <a href="javascript:do_menu('m33x')"  onmouseover="do_submenu('m33x')">Сделать ремонт в</a><br></td>
  </tr>
</table>
</div>
<div id="m31x" class="submenu" style="left: 884px; top:126px; z-index:1;">

<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="203.php">Здоровье</a><br>
    <a href="204.php">Фитнес</a><br>
    <a href="205.php">Косметология</a></td>
  </tr>
</table>
</div><div id="m32x" class="submenu" style="left: 884px; top:172px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">

  <tr>
    <td><a href="208.php">Автомобиль</a><br>
    <a href="209.php">Мотоцикл</a><br>
    <a href="210.php">Снегоход</a><br>
    <a href="211.php">Яхту</a></td>
  </tr>
</table>

</div><div id="m33x" class="submenu" style="left: 884px; top:182px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="212.php">Квартире</a><br>
    <a href="213.php">Доме</a></td>
  </tr>
</table></td></tr>
<tr><td width="21%" align="center" valign="top">
<center>
<table cellpadding="10" cellspacing="10" border="0" align="center" width="100%">
<tr><td><img src="img/opros.jpg" border="0"><br></td></tr>

<tr><td><img src="img/kurs.jpg" border="0"><br></td></tr>
<tr><td><img src="img/forum.jpg" border="0"><br></td></tr>
<tr><td><img src="img/ras.jpg" border="0"><br></td></tr>
<tr><td><img src="img/avtor.jpg" border="0"><br></td></tr>
</table>
</center>
</td>
<td width="50%" align="center" valign="top">
<table cellpadding="5" cellspacing="5" align="center" border="0">
<tr><td valign="top">
<table width="100%" border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="formtop">
<b><img src="/Images/Icons/poll.gif" border=0> Фьючерсы на золото</b><!--  <a href="javascript:popuphelp('example1.php?Action=Full&NewsID=8','height=400,width=500,scrollbars=yes')"><img src="Images/new.gif" border=0 alt="Open in New Window" title="Open in New Window"></a> -->
</td>

</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellpadding="4" cellspacing="0">
<!-- <tr> 
<td class="desc">Раздел: Куда ВЛОЖИТЬ ДЕНЬГИ | Золото | Автор: <a href='mailto:[email protected]'><span style='color: red'>Admin</span></a>  @ 04:43am on 14th of Июнь ] <br></td>
</tr> -->
<tr> 
<td>
На бирже РТС начались торги фьючерсами на золото.<br />
<br />
     В начале июня у российских инвесторов появился новый способ заработать на золоте. На бирже РТС начались торги фьючерсами на золото.  Нельзя не отметить, что игра на этом рынке — занятие сверхрискованное, зато, в случае благоприятно сложившихся обстоятельств - сверхприбыльное.<br />
    В первый день торгов с фьючерсами на золото было заключено 143 сделки, объем торгов составил 3805 контрактов или 63,9 млн рублей в денежном эквиваленте. При...

<a href="112.php">
Читать дальше</a><br>

<!-- <a href="/index.php?Action=Full&NewsID=8">Читать дальше</a> |  <a href="javascript:popuphelp('Friend.php?NewsID=8','height=225,width=300,scrollbars=yes')"><img src="Images/mail.gif"  border=0"  alt="Send to Friend"></a> <a href="Print.php?NewsID=8"><img src="Images/printer.gif" border=0 alt="Printer Friendly Version"></a> | <a href="javascript:popuphelp('Comments.php?NewsID=8','height=400,width=500,scrollbars=yes')">Комментарии</a>: 0 - последний: Нет комментариев | <a href="javascript:popuphelp('Rating.php?NewsID=8','height=225,width=300,scrollbars=yes')">Рейтинг</a>: <img src="/Images/Ratings/3.gif" > (оценок: 1) | Просмотры: 2
 --></td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br /></td></tr></table>
</td>
<td width="25%" align="center" valign="top">
<center>
<table cellpadding="10" cellspacing="10" border="0" align="center" width="100%">
<tr><td><img src="img/b1.jpg" border="0"><br></td></tr>
<tr><td><img src="img/b2.jpg" border="0"><br></td></tr>
</table>
</center></td></tr>
<tr><td colspan="3" height="93" align="center" valign="top">
<table border="0" bgcolor="#D8F3FA" cellpadding="0" cellspacing="0" width="100%" height="93">
<tr><td bgcolor="#D8F3FA"> </td></tr></table>
</body>
</html>
</td>

</tr></table>

[xoodo]

Дата 16.6.2006, 17:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 424
Регистрация: 9.3.2003

Репутация: 1
Всего: 4

Цитата

За такое хочется нанести травмы Дримуиверу и пользователю. По поводу смещения -- пропиши в стайле меню следующее:

Код


position: absolute; left: 0; top: 0;

А то к тебя там ЛЕФТа нет.

Добавлено @ 17:48

Цитата

в дреймвивере - все нормально, на локальном хосте немного сдвинуто, на сервере - сдвинуто больше сильно.

Не правильно. Правильно -- это если так: в Опера 9 все нормально, в ИЕ -- немного сдвинуто, в Дримуивере сдвинуто больше сильно. Дримуивер и "нормально" -- антонимы. Сервер ни при чем, шалят вьюеры, читай, браузеры и Дримуивер.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »