Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript
Перезагрузить страницу

Проблема с выпадающим меню pro_dropdown_2


Проблема с выпадающим меню pro_dropdown_2

Обсуждение темы Проблема с выпадающим меню pro_dropdown_2 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Добрый день. На моем сайте http://n-dl.narod.ru/ стоит горизонтальное выпадающее меню pro_dropdown_2 В IE некорректно отображается, при наведении мышкой - пропадает. Помогите разобраться, что ...


Закрытая тема
 
Опции темы
Старый 21.05.2012, 20:31   #1
Добрый день.
На моем сайте http://n-dl.narod.ru/ стоит горизонтальное выпадающее меню pro_dropdown_2
В IE некорректно отображается, при наведении мышкой - пропадает. Помогите разобраться, что нужно сделать?
привожу код страницы

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META NAME="description" CONTENT="Роспись храмов, Иконы, Иконопись, Мозаика, Иконостасы, Церковь, Восстановление храмов, Восстановление церквей, Фреска">
<META NAME="Keywords"    CONTENT="Роспись храмов, Иконы, Иконостасы, Роспись стен, Фрески, Иконы, Мозаика, Храмы, Дизайн, Строительство,  Отделка, Реставрация фресок, Реставрация икон, Роспись интерьеров и фасадов домов, Мозаика, Альфрейные работы - Иконописная мастерская, Продажа икон, сакральная живопись">
<meta name="google-site-verification" content="z2LTUqwu3rjbbW2qimQtWPQ3fCj81j1htjAnYSAdZcs" />
<title>Роспись храмов, иконы, иконостасы, иконопись, воссоздание храмов, продажа икон, мозаика, фреска, альфрейка</title>
<link rel="shortcut icon" href="/favicon.gif" type="image/gif">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body bgcolor="#000000" text="#CCCCCC" link="#FFFFFF" topmargin="-5" marginwidth="0" marginheight="0">
<div align="center">
  <table width="1150" height="351">
    <tr>
       <td width="170"> <TABLE width="85">
          <TR>
            <TD width="43"><font size="-5" face="Times New Roman, Times, serif"><a href="index.htm"><font color="#CCCCCC">RUS
              </font></a> <a href="index_eng.htm"><font color="#CCCCCC">ENG</font></a></font></TD>
            <TD width="58"><a href="KARTA.htm"title="Карта сайта"><img src="image/sitemap.gif" alt="Карта сайта" width="13" height="9" border="0"></a></TD>
          </TR>
<TR>
            <TD height="200">&nbsp; </TD>
            <TD>&nbsp; </TD>
          </TR>
</TABLE>
</td>
      <td width="798"><a href="index.htm"><img src="image/1.jpg"alt="Роспись храмов, Иконы, Иконопись, Мозаика, Иконостасы, Церковь, Восстановление храмов" width="790" height="351" border="0"></a>
      </td>
<td width="170"></td>
</tr>
<tr>
</table>
  <table width="1247" height="1">
  </table><p>
    <script src="pro_dropdown_2/stuHover.js" type="text/javascript"></script>
  </p>
  <ul id="nav">
    <li class="top"><a href="index.htm" class="top_link"><span>Главная</span></a><
/li>
    <li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">Портфолио</span></a>
      <ul class="sub">
        <li><a href="Rospis.htm">Роспись</a></li>
        <li><a href="#nogo7" class="fly">Иконопись</a>
          <ul>
            <li><a href="iconu.htm">Иконы</a></li>
            <li><a href="iconostasi.htm">Иконостасы</a></li>
          </ul>
        </li>
        <li><a href="mozaica.htm">Мозаика</a></li>
        <li><a href="interer.htm" class="fly">Интерьер</a>
          <ul>
            <li><a href="gobelen.htm">Гобелен</a></li>
            <li><a href="vitrag.htm">Витраж</a></li>
            <li><a href="alfrejka.htm">Альфрейка</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Мастерская</span></a>
      <ul class="sub">
        <li><a href="video.htm">Видео</a></li>
        <li><a href="statji.htm">Статьи</a></li>
      </ul>
    </li>
    <li class="top"><a href="kontaktu.htm" id="shop" class="top_link"><span>Контакты</span></a>
</li>
    <li class="top"><a href="ssilki.htm" id="privacy" class="top_link"><span>Ссылки</span></a><
/li>
  </ul>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
<p><img src="image/spod.gif" width="790" height="12"></p>
  <link rel="stylesheet" type="text/css" href="pro_dropdown_2/pro_dropdown_2.css" />
  <table width="798" height="80">
    <tr>
      <td height="74"> <div align="center">
          <p><font face="Times New Roman, Times, serif">Внимание!</font></p>
          <p><font face="Times New Roman, Times, serif"> Завершились росписи центрального придела Успенского собора
            Киево-печерской Лавры.</font></p>
          <p align="left"><font face="Times New Roman, Times, serif">«Ни в одном
            православном храме нет таких уникальных многофигурных композиций!»
            - Руслан Кухаренко. <a href="41.htm"><font color="#FFFFFF">Фото</font></a></font></p>
          <p align="left">&nbsp;</p>
          </div></td>
    </tr>
  </table>
  <table width="798" height="146">
    <tr>
      <td height="142">
<div align="justify"><font face="Times New Roman, Times, serif">Творческая мастерская
          Андреева создаст роспись храма, церкви, часовни и других религиозных
          объектов. Выполним росписи, иконы, иконостасы, от создания концепции
          до воплощения в объекте. Мы работаем в России, Украине, странах СНГ,
          а также ближнего и дальнего зарубежья. Наша мастерская уже более 15
          лет работает в области церковной живописи. В состав группы входят профессиональные
          художники с высшим образованием. Основными задачами своей работы мы
          считаем высокий уровень и качество выполнения, творческий подход к каждому
          проекту, будь то роспись храма, изготовление иконостаса, мозаичного
          панно, или отдельной иконы.</font></div></td>
    </tr>
  </table>
  <p><img src="image/spod.gif" width="790" height="12"></p>
  <table width="798" height="55">
    <tr>
      <td height="49">
        <p align="center"><span style="font-size: xx-small;">© Все права защищены<span>,
          <a href="index.htm"><font color="#FFFFFF">мастерская Андреева</font></a>
          2009-12. </span>Полное или частичное копирование материалов в коммерческих
          целях запрещено. При согласованном использовании материалов сайта необходима
          ссылка на ресурс <a href="index.htm"><font color="#FFFFFF">http://n-dl.narod.ru</font></a></
span></p>
        <p align="center"></p>
        <p align="center"></p>
        <p align="center"><A HREF="http://www.patriarchia.ru/index.html"><IMG SRC="http://www.patriarchia.ru/images/patr_banner_88.gif" WIDTH="88" HEIGHT="31" BORDER="0" ALT="Официальный сайт Русской Православной Церкви / Патриархия.ru"></A>&nbsp;</p>
        <div class="_pm_clear_img" style="clear: both;"></div>
</td>
    </tr>
  </table>
  <table width="798" height="55">
    <tr>
      <td>&nbsp;</td>
      <td><div align="center"><a href="http://yandex.ru/cy?base=0&host=n-dl.narod.ru/"><img
src="http://www.yandex.ru/cycounter?n-dl.narod.ru/" width="88" height="31" alt="Яндекс
цитирования" border="0" /></a>
          <!-- begin of Top100 code -->
          <script id="top100Counter" type="text/javascript" src="http://cnt.rambler.ru/top100.jcn?
1795523"></script>
          <noscript>
          <a href="http://top100.rambler.ru/home?id=1795523"
target="_blank"><img src="http://cnt.rambler.ru/top100.cnt?1795523" alt="Rambler's Top100"
width="81" height="63" border="0" /></a>
          </noscript>
          <!-- end of Top100 code -->
          <a href="http://www.rossija.info" target="_blank"> <img src="http://www.rossija.info/images/kpr/sta_88x31.jpg" width="88" height="31" border="0" alt="Кольцо Патриотических Ресурсов"></a>
          &nbsp;</div></td>
      <td height="49">&nbsp;</td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <table width="798" height="219">
    <tr>
      <td height="213">
          <script type="text/javascript"><!--
google_ad_client = "ca-pub-8204913351964320";
/* 1 */
google_ad_slot = "4569512578";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<A HREF="http://www.headnet.ru/"><IMG SRC="http://www.headnet.ru/main/images/hn.gif" WIDTH="88" HEIGHT="31" BORDER="0" ALT="Каталог HeadNet.Ru"></A>

        <!-- Yandex.Metrika -->
        <script src="//mc.yandex.ru/resource/watch.js" type="text/javascript"></script>
<script type="text/javascript">
try { var yaCounter172557 = new Ya.Metrika(172557); } catch(e){}
</script>
<noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/172557" alt=""
/></div></noscript>
<!-- /Yandex.Metrika -->

<a href="http://www.biblelamp.ru" target=_blank><img width=88 height=31
src="http://www.biblelamp.ru/www/www4JC.gif" alt="Каталог Христианских Ресурсов «Светильник»"
border=0></a>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js'
type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9877744-1");
pageTracker._trackPageview();
} catch(err) {}</script>

<!-- Maranatha counter -->
<a href='http://www.maranatha.org.ua/'><img
src='http://www.maranatha.org.ua/counter/counter.php?id=6607' alt='Маранафа: Библия, словарь,
каталог сайтов, форум, чат и многое другое.' border=0 width=88 height=31></a>
<!-- Maranatha counter -->

<a href="http://christforum.info/top/"><img src="http://christforum.info/top/button.php?u=andreev720" alt="Христианский рейтинг ChristForum.info" border="0" />
<!--begin of www.hristianstvo.ru-->
<a href="http://www.hristianstvo.ru/?from=9911"><img
src="http://www.hristianstvo.ru/images/ru-88x31-yellow1.gif"
title="Православное христианство.ru" width=88 height=31 border=0></a>
<!--end of www.hristianstvo.ru-->

<!-- list.wwjd.ru begin --><a href="http://wwjd.ru" target="_blank"><img
src="http://list.wwjd.ru/logopics/main/wcat.gif" width="88" height="31" border="0" alt="wwjd.ru:
Христианская поисковая система."></a><!-- list.wwjd.ru end -->
        <!-- sunhome.ru rating new counter -->
        <script type="text/javascript">
        var referer = (document.referrer != undefined) ? escape(document.referrer) : '';
        var script = 'http://www.sunhome.ru/counter.php';
        var q = '?c=7&id=5180'
                + '&uri=' + escape(document.URL)
                + '&referer=' + referer
                + '&rand=' + Math.random();
        document.write(        '<a href="http://www.sunhome.ru/" target="_blank"><img src="' +
script + q + '" alt="Рейтинг SunHome.ru" Width="88" Height="31" Border="0" /></a>');
        </script>
        <!-- end of sunhome.ru new counter -->
<!--bigmir)net TOP 100-->
<script type="text/javascript" language="javascript"><!--
function BM_Draw(oBM_STAT){
document.write('<table cellpadding="0" cellspacing="0" border="0" style="display:inline;margin-
right:4px;"><tr><td><div style="margin:0px;padding:0px;font-size:1px;width:88px;"><div
style="background:url(\'http://i.bigmir.net/cnt/samples/diagonal/
b61_top.gif\') no-repeat
bottom;"> </div><div style="font:10px Tahoma;background:url
(\'http://i.bigmir.net/cnt/samples/diagonal/b61_center.gif\'
);"><div style="text-
align:center;"><a href="http://www.bigmir.net/" target="_blank" style="color:#0000ab;text-
decoration:none;font:10px Tahoma;">bigmir<span style="color:#ff0000;">)</span>net</a></div><div
style="margin-top:3px;padding: 0px 6px 0px 6px;color:#e2762d;"><div style="float:left;font:10px
Tahoma;">'+oBM_STAT.hosts+'</div><div style="float:right;font:10px
Tahoma;">'+oBM_STAT.hits+'</div></div><br clear="all"/></div><div style="background:url
(\'http://i.bigmir.net/cnt/samples/diagonal/b61_bottom.gif\'
) no-repeat top;">
</div></div></td></tr></table>');
}
//-->
</script>
<script type="text/javascript" language="javascript"><!--
bmN=navigator,bmD=document,bmD.cookie='b=b',i=0,bs=[],bm=
{o:1,v:16824887,s:16824887,t:0,c:bmD.cookie?1:0,n:Math.round((Math.random()* 1000000)),w:0};
for(var f=self;f!=f.parent;f=f.parent)bm.w++;
try{if(bmN.plugins&&bmN.mimeTypes.length&&(x=bmN.plugins['
Shockwave Flash']))bm.m=parseInt
(x.description.replace(/([a-zA-Z]|\s)+/,''));
else for(var f=3;f<20;f++)if(eval('new ActiveXObject("ShockwaveFlash.ShockwaveFlash.'+f+'")'))
bm.m=f}catch(e){;}
try{bm.y=bmN.javaEnabled()?1:0}catch(e){;}
try{bmS=screen;bm.v^=bm.d=bmS.colorDepth||bmS.pixelDepth;bm.v^=bm.r=bmS.width}catch(e){;
}
r=bmD.referrer.slice(7);if(r&&r.split('/')[0]!=window.
location.host){bm.f=escape
(r);bm.v^=r.length}
bm.v^=window.location.href.length;for(var x in bm) if(/^[ovstcnwmydrf]$/.test(x)) bs[i++]=x+bm
[x];
bmD.write('<sc'+'ript type="text/javascript" language="javascript"
src="http://c.bigmir.net/?'+bs.join('&')+'">
</sc'+'ript>');
//-->
</script>
<noscript>
<a href="http://www.bigmir.net/" target="_blank"><img src="http://c.bigmir.net/?
v16824887&s16824887&t2" width="88" height="31" alt="bigmir)net TOP 100" title="bigmir)net TOP
100" border="0" /></a>
</noscript>
<!--bigmir)net TOP 100-->


<a href="http://orthodoxy.net.ua" target="blank"><img src="http://orthodoxy.net.ua/img/ua.gif"
border="0" alt="Український православний інтернет"></a>
<!-- "soosle.ru" -->
<a href="http://soosle.ru/" title="Раскрутка сайтов бесплатно"><img alt="Раскрутка сайта бесплатно" src="http://soosle.ru/banner1.png" border=0></a>
<!-- "soosle.ru" -->

<script type="text/javascript" src="http://poisk.cerkov.ru/res/public/php/counter.php?
id=1870"></script>

<a href="http://artnow.ru/" target="_blank" title='ArtNow - продажа картин'
onClick="javascript:this.href='http://artnow.ru/ru/rating.html';
"><img
src="http://artnow.ru/rating.php?b=9" width=88 height=31 border=0 alt='ArtNow - продажа
картин'></a>
&nbsp;</td>
    </tr>
  </table>
  <table width="798" height="55">
    <tr>
      <td height="49"><div align="center"><!-- goon html -->
<table width="88" height="31" border="0" cellspacing="1" cellpadding="0" bgcolor="#4D5E98">
<tr><td width="32" height="29"><a href="http://goon.ru" title="Добавить сайт в каталог"><img src="http://goon.ru/be/goon32.gif" width="32" height="29" alt="Goon" border="0" title="Goon"></a><br></td><td width="56" height="29" align="center" valign="middle" bgcolor="#FFFFFF"><a href="http://goon.ru" title="Добавить сайт в каталог" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;">каталог</a></td></tr></table>
                   <!-- top.enter.ru -->
<a href="http://top.enter.ru/">
<script language="javascript">
java="1.0";
java1=""+"refer="+escape(document.referrer)+"&page="
+
escape(window.location.href);
document.cookie="astratop=1; path=/"; java1+="&c="+(document.cookie?"yes":"now");
</script>
<script language="javascript1.1">java="1.1";java1+="&java="
+(navigator.javaEnabled()?"yes":"now")</script>
<script language="javascript1.2">java="1.2";
java1+="&razresh="+screen.width+'x'+screen.height+"&
cvet="+
(((navigator.appName.substring(0,3)=="Mic"))?
screen.colorDepth:screen.pixelDepth)</script><script language="javascript1.3">java="1.3"</script>
<script language="javascript">java1+="&jscript="+java+"&
rand="+Math.random();
document.write("<a href='http://top.enter.ru/?fromsite=531' target='_blank'><img "+
" src='http://top.enter.ru/img.php?id=531&"+java1+"&'
border=0 alt='top.enter.ru' width='31' height='31'></a>")</script>
<noscript><a href=http://top.enter.ru/?fromsite=531 target=_blank><img src="http://top.enter.ru/img.php?id=531" border=0 alt="top.enter.ru" width='31' height='31'></a></noscript>
</a>
<!-- /top.enter.ru -->
<!-- /goon html --></div></td>
    </tr>
  </table>
  <!-- "Graffiti Decorations (R) Banner Start" -->
<a href="http://graffitistudio.ru" title="Сайт добавлен в список бесплатной раскрутки Graffiti Decorations (R) Site Promoter"><img border="1"  src="http://graffitistudio.ru/banners/banner2.gif" width="100" height="100" alt="Graffiti Decorations(R) Studio (TM) Site Promoter"></a>
<!-- "Graffiti Decorations (R) Banner End  " -->
<p>&nbsp;</p>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try{
var pageTracker = _gat._getTracker("UA-9877744-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
<BR><CENTER><IMG SRC=http://www.narod.ru/counter.xhtml></CENTER><BR></BODY>
</html></textarea></form>
</title></comment></a>
</div></span></ilayer></layer></iframe></noframes>
</style></noscript></table></script></applet></font>
<style>
#bn {display:block;}
#bt {display:block;}
</style>
<div style="background:url(http://www.tns-counter.ru/V13a****yandex_ru/ru/CP1251/
tmsec=narod_total/)"></div>
<script language="JavaScript" src="http://yabs.yandex.ru/show/163"></script>
<!-- mailto:[email protected] -->



и еще код стиля



Код:
#nav {padding:0; position:absolute; left:37%; margin-left:-100px;; list-style:none; font-family:arial, verdana, sans-serif; }
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}

#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}
/* Default list styling */
#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub
{left:1px; top:38px; background: #000000; padding:3px; border:1px solid #ffffff; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #ffffff;}
#nav li ul.sub li a.fly
{background:#000000 url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover
{background:#000000; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#000000 url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #000000; padding:3px; border:1px solid #ffffff; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#000000 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#000000 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#000000;}
 
Старый 21.05.2012, 20:31
Ссылки
Старый 21.05.2012, 22:00   #2
Для начала - рганизуйте меню корректно, чтобы у пунктов с выпадением стояла стрелка... стили в файл .css... и розбираться в таком массиве кода...
 
Старый 22.05.2012, 00:03   #3
Ну, во-первых, код у вас написан на HTML ужасный ... возможно конфликты браузеров

Во-вторых, возможно в CSS где-то не учтено ...

Так: я написал быстренько менюшку, можете проверить (в IE 7 + работает) - а дальше на примере все переделать (все что угодно можете сделать с менюшкой)

menu.zip

А насчет вашей менюшки - сейчас снова пересмотрю ...
 
Этот пользователь сказал спасибо maxefect за это полезное сообщение:
n-dl (26.05.2012)
Старый 26.05.2012, 00:25   #4
Спасибо, пробую организовать на Вашем примере
 
Старый 05.07.2012, 22:00   #5
а что с помощью других функций нельзя организовать выпадающее меню?)

______________________
http://www.pthrus.ru
 
Старый 06.07.2012, 00:07   #6
perewerzeff реализуй!!!
 
Старый 06.07.2012, 00:07
Закрытая тема

« Масштабирование сайта | Не работает <div> »



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с выпадающим меню на CSS в Wordpress! Narayadna HTML, CSS, JavaScript 1 20.12.2013 11:35
Проблема с выпадающим меню pro_dropdown_2 n-dl HTML, CSS, JavaScript 0 21.05.2012 20:28
Проблема с выпадающим меню pro_dropdown_2 n-dl HTML, CSS, JavaScript 0 21.05.2012 20:27
Проблемы с выпадающим меню Grey HTML, CSS, JavaScript 9 16.02.2010 16:57
Проблема с выпадающим меню dieselred HTML, CSS, JavaScript 1 14.07.2009 19:41


Текущее время: 07:45. Часовой пояс GMT +4.



Справка - Обратная связь - Web-silver.ru - Архив - Календарь - Карта - Вверх

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум