Ооххх.. Голова идет кругом.
Народ, мне очень нужно меню, приблизительно как у gotdotnet.ru
Повозившись с кодом gotdotnet'a, я понял, что нужно использовать <div> и параметр "display". Пробую и так и этак - куча кода наворочено, но нормального меню получить ну никак не могу. Конкретно, я не могу правильно расположить подменю - то оно как-то вбок уезжает, то блин в разных броузерах по-разному, то все нормально, но текст смещается и т.п.
Плиз, кому не влом, покажите пример такого меню, оставив самое необходимое. Чтоб понять главную идею.

Вообще, тебе в раздел JavaScript.
Но могжно обойтись CSS.
Подробности тут:
http://www.webmascon.com/topics/coding/42a.asp

Цитата

Подробности тут: http://www.webmascon.com/topics/coding/42a.asp

Эх, видел я эту ссылку. Но то ли это неподходит в моем случае (у меня ГОРИЗОНАТЛЬНОЕ меню), то ли у меня недостаточно опыта - но пока не удалось совладать.

А что мешает сделать? Там показана идея, а реализуй ее сам по своему вкусу.
Там все все до никуда просто, позиционирование обычное :-)

Вот смотрите, пытаюсь сделать меню с выпадающим popup-меню:
http://worknet.dev.juga.ru/raznoe/troubles/menutest0.html
Не обращайте внимания на цвета и масштабы - это просто макет. (тем более, с дизайном у меня всегда было туговато )
Для наглядности, я сейчас всегда отображаю подменю.
Итак, сейчас меня интересует лишь одна проблемка:
открываю вышеуказанную страничку в IE6, Opera 7 - все замечательно (ну, не замечательно, но на данном этапе устраивает).
Если же открыть Mozilla и ее клонах (FireFox etc), можно заметить, что меню сильно смещено влево и вниз относительно "правильного" положения (того, что в IE и Opera).
Скажите, это можно как-нибудь поправить?
На всякий случай привожу код меню:

Код

<ul style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none">                 <li style="BORDER-RIGHT: navy thin solid; BORDER-TOP: navy thin solid; FONT-SIZE: 10pt; BORDER-LEFT: navy thin solid; BORDER-BOTTOM: navy thin solid; HEIGHT: 20px; BACKGROUND-COLOR: #ccccff">                     <div>                         <table style="FONT-SIZE: 10pt">                             <tr>                                 <td style="BORDER-RIGHT: navy 1px solid; WIDTH: 100px; TEXT-ALIGN: center"><a id="lnkOrder" href="#">Menu1</a></td>                                 <td style="BORDER-RIGHT: navy 1px solid; WIDTH: 100px; TEXT-ALIGN: center"><a id="lnkSale" href="#">Menu2</a></td>                                 <td style="WIDTH: 160px; TEXT-ALIGN: center"><a href="#">Menu3</a></td>                             </tr>                         </table>                         <ul id="tblGuide" style=" LIST-STYLE-TYPE: none; POSITION: relative">                             <li onclick="onGuideClick();" style="BORDER-RIGHT: navy 1px solid; BORDER-TOP: navy 1px solid; LEFT: 200px; BORDER-LEFT: navy 1px solid; WIDTH: 150px; BORDER-BOTTOM: navy 1px solid; POSITION: absolute; TOP: 1px; HEIGHT: 20px; BACKGROUND-COLOR: #ccccff">                                 menuitem1                             </li>                             <li onclick="onGuideClick();" style="BORDER-RIGHT: navy 1px solid; BORDER-TOP: navy 1px solid; LEFT: 200px; BORDER-LEFT: navy 1px solid; WIDTH: 150px; BORDER-BOTTOM: navy 1px solid; POSITION: absolute; TOP: 21px; HEIGHT: 20px; BACKGROUND-COLOR: #ccccff">                                 menuitem2                             </li>                         </ul>                     </div>                 </li>             </ul>

P.S. Не пугайтесь обилию стилей - это я в VS набросал, потом оформлю красивым CSS-файлом..

Я пользуюсь программой DHTMLMenu. Это конструктор динамических кроссбраузерных меню. Очень удобная вещь.

Посмотри здесь:

http://www.realcoding.net/article/view/2731

разберёшся?

Код

<TABLE height="16" cellSpacing="0" cellPadding="0" width="592" align="center" border="0">       <TBODY>         <TR>           <TD align="left">             <A onmouseover="MM_showHideLayers('actions','','show')" onmouseout="MM_showHideLayers('actions','','hide')" href="javascript:;">First</A>             <BR/>             <DIV id="actions" onmouseover="MM_showHideLayers('actions','','show')" style="Z-INDEX: 250; VISIBILITY: hidden; POSITION: absolute" onmouseout="MM_showHideLayers('actions','','hide')">               <TABLE cellSpacing="1" cellPadding="0" bgColor="#000000" border="0">                 <TBODY>                   <TR>                     <TD bgColor="#cccccc" height="14">                       <A href="Item1.jsp">Item1</a>                     </TD>                   </TR>                   <TR>                     <TD bgColor="#cccccc" height="14">                       <A href="Item2.jsp">Item2</a>                     </TD>                   </TR>                 </TBODY>               </TABLE>             </DIV>           </TD>           <TD align="left">             <A onmouseover="MM_showHideLayers('reports','','show')" onmouseout="MM_showHideLayers('reports','','hide')" href="javascript:;">Second</A>             <BR/>             <DIV id="reports" onmouseover="MM_showHideLayers('reports','','show')" style="Z-INDEX: 250; VISIBILITY: hidden; POSITION: absolute" onmouseout="MM_showHideLayers('reports','','hide')">               <TABLE cellSpacing="1" cellPadding="0" bgColor="#000000" border="0">                 <TBODY>                   <TR>                     <TD bgColor="#cccccc" height="14">                       <A href="Item1.jsp">Item1</a>                     </TD>                   </TR>                   <TR>                     <TD bgColor="#cccccc" height="14">                       <A href="Item2.jsp">Item2</a>                     </TD>                   </TR>                 </TBODY>               </TABLE>             </DIV>           </TD>          </TR>        </TBODY>     </TABLE>

тут главное с IDшниками разобраться, какой куда прописывать
и конечно функция

Код

function MM_showHideLayers() { //v3.0   var i,p,v,obj,args=MM_showHideLayers.arguments;   for (i=0; i<(args.length-2); i+=3)      if ((obj=MM_findObj(args[i]))!=null)      {        v=args[i+2];       if (obj.style)        {          obj=obj.style;          v=(v=='show')?'visible':(v='hide')?'hidden':v;        }       obj.visibility=v;      } } function MM_findObj(n, d) { //v4.0 var p,i,x;if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x; }

извини за корявый код
Если возникли вопросы - спрашивай!

Спасибо.
Вечерком разберусь..