Проблемы с CSS-меню-навигацией

Первое сообщение в теме :

Создала-таки разворачивающуюся при наведении мыши панель - http://max-frai.mirbb.net/forum.htm
но она постоянно едет вбок, когда запущены боковые приложения, вроде Mail.ru агента.

скрин:

Код:


            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>
_________________________________________
<br><br><br>
<ul id="nav">
    <li><a href="#null"><img src="http://i64.servimg.com/u/f64/15/14/79/41/dddddd11.jpg" border="0" alt="" /></a>
    <ul>
      <li><a href="#null"><span style="font-size: 11px; line-height: normal"><font color="white"><strong>Админы:</strong></font></span></a><li>
     
"тра-та-та, с тегами и скобками всё правильно, работают"


<li><a href="http://max-frai.mirbb.net/html-h1.htm"><img src="http://s41.radikal.ru/i093/1006/53/8098a4345ee1.jpg" border="0" alt="" /></a></li>
</ul>
_________________________________
            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>

А как обозначить все эти картинки-кнопки? Не думаю, что CSS читает...
Эх, не катит, вечером когда загружу.

А съезжает она почему? И как это исправить?

Наверное потому что не хватает места... можно попробовать ограничить ширину всего блока...

М... поставила 630px, оно (нечто)) уменьшилось, но всё равно съезжает.
Когда в режиме без картинок - всё нормально, но почему-то не видно "Навигация". А как с изображениями режим - едет.

Теперь оно и вовсе без всяких там асек съезжает.

Код:

#nav, #nav ul {
  list-style: none;
  float: left;
  margin: 1px;
  padding: 1px;
  border: 1px solid #000;
  background: #8F7F66;
  float: left;
  width: 630px;
}

#nav li {
  float: left;
  position: relative;
  background: #8F7F66;
  back\ground: #8F7F66;
}
#nav li ul {
  display: none;
  position: absolute;
  background: #8F7F66;
  padding: 4px 7px;
  width: 150px;
}

#nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 120px;
  padding: 4px 3px;
  background: #8F7F66;
}
#nav a:hover {
  color: #000;
  background: #8F7F66;
}
#nav li:hover {
  background: #8F7F66;
}

#nav li:hover li ul {
  display: none;
  width: 120px;
  top: -9px;
  left: 10px;
}
#nav li:hover li:hover ul {
  display: block;
}

#nav li li a {
  width: 118px;
  background: #8F7F66;
}
#nav li:hover ul {
  display: block;
}


и

Код:

<br><br><br>
<ul id="nav">
    <li><a href="#null"><img src="http://i64.servimg.com/u/f64/15/14/79/41/dddddd11.jpg" border="0" alt="" /></a>
    <ul>
      <li><a href="#null"><span style="font-size: 11px; line-height: normal"><font color="white"><strong>Админы:</strong></font></span></a>
     
          <li><a href="#null"> - <font color="white">
<strong><span style="font-size: 11px; line-height: normal">Терианора <br>(icq: 628481146)</span></strong></font></a></li>
          <li><a href="#null"> - <font color="green"><strong>
<span style="font-size: 11px; line-height: normal">Эхо <br>(icq: 350695508)</span></strong></font></a></li>
          <li><span style="font-size: 11px; line-height: normal"><a href="#null"></a></span></li>
      </a></li>
 <li><a href="#null"><font color="black"><strong><span style="font-size: 11px; line-height: normal"> Модеры:</span></strong></font>
   
          <li><a href="#null">  - <font color="yellow"><strong><span style="font-size: 11px; line-height: normal">Вероника</span></strong></font></a></li>
        <li><a href="#null"> - <font color="indigo"><strong><span style="font-size: 11px; line-height: normal">Azure <br> (icq: 399826626)</span></strong></font></a></li>
             
</a></li>
    </ul>
  </li>


<li><a href="#null"><img src="http://i64.servimg.com/u/f64/15/14/79/41/ddnnnd15.jpg" border="0" alt="" /></a>
  <ul>       
          <li>  <a href="#null"><font color="#2e1c0d"><span style="font-size: 12px; line-height: normal">При регистрации ников допускаются кирилица, латиница, пробелы. Прочие знаки запрещены.</span><font color="#2e1c0d"></a></li> 
          <li><a href="#null"><font color="#2e1c0d"><span style="font-size: 12px; line-height: normal"> Ролевая в разработке, но мы рады новым игрокам.))</span></a></li> 
  </ul>
</li>
<li><a href="http://max-frai.mirbb.net/html-h1.htm"><img src="http://s41.radikal.ru/i093/1006/53/8098a4345ee1.jpg" border="0" alt="" /></a></li>

<li><img src="http://i34.servimg.com/u/f34/15/14/79/41/ddd10.jpg" border="0" alt="" />
  <ul>
          <li><span style="font-size: 11px; line-height: normal"><a href=" http://max-frai.mirbb.net/forum-f11/">Обязательно прочти!</a></span></li>
          <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f5/tema-t10.htm"><font color="#2e1c0d">Правила</font></a></span></li>
          <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f1/tema-t3.htm">Шаблон для био</a></span></li>
          <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f5/tema-t18.html"><font color="#2e1c0d">Список ролей/требуются</font></a></span></li>
          <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f5/tema-t12.htm">Всё о мире (список ссылок)</a></span></li>
          <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f5/tema-t39.htm"><font color="#2e1c0d">Помощь (вопросы и предложения)</font></a></span></li>
          <li><span style="font-size: 11px; line-height: normal"><a href="http://www.maxfrei.ru/books/">Скачать бесплатно книги</a></span></li>
          <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f5/tema-t84.htm"><font color="#2e1c0d">Баги</font></a></span></li>         
          <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f11/">Тех. помощь (смены ника, e-mail'а и всего остального)</a></span></li>
        <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f23/"><font color="#2e1c0d">Квесты</font></a></span></li>
        <li><span style="font-size: 11px; line-height: normal"><a href="http://max-frai.mirbb.net/forum-f21/">Конкурсы, опросы, акции</a></span></li>
        <li><span style="font-size: 11px; line-height: normal"><a href="#null"></a></span></li>
     
  </ul>
</li>
<li><a href="http://max-frai.mirbb.net/forum-f8/tema-t9.htm#35?sid=2ca649ac3bd7f66c63fda47a220b6b63l"><img src="http://i64.servimg.com/u/f64/15/14/79/41/dduddd15.jpg" border="0" alt="" /></a>
  <ul>
       
          <li><a href="#null"><font color="#2e1c0d"><span style="font-size: 12px; line-height: normal">Реклама в строго определённом разделе! </span><br> <strong><font color="#2e1c0d"><span style="font-size: 12px; line-height: normal">Ник:</span></font> </strong> <font color="#2e1c0d"><span style="font-size: 12px; line-height: normal">Болтливый Мертвец</span></font><br>
<strong><font color="#2e1c0d"><span style="font-size: 12px; line-height: normal">Пароль:</span></font></strong><font color="#2e1c0d"><span style="font-size: 12px; line-height: normal">112233</span></font></a></li>
 <li><a href="http://max-frai.mirbb.net/forum-f8/tema-t42.htm"><span style="font-size: 11px; line-height: normal"> - Баннерообмен</span></a></li>
<li><a href="http://max-frai.mirbb.net/forum-f8/tema-t9.htm"><span style="font-size: 11px; line-height: normal"> - Реклама</span></a></li></ul></li>
</ul><br></ul></li>
 
</ul><br>

У народа паника)) Доктор, мы умрём?

Как ни странно, помогла в ПА основную панель навигации расположить по центру. Но теперь это выглядит так: .

Ещё вопрос!) Нарисовала кнопочки, (эт я так, что бы отпали подозрения в том, что они неровные, как реклама, которая находится чуть выше, чем надо)



Но: между ними появляются пробелы фоном. А должно быть всё слитно, конечно же. Надо их сделать так, что бы они все одинаковы по ширине были и установить это в СSS?

вероятно нужно убрать пробелы лишние или переносы строк... это я бы сказал, содержимое страницы тоже.

Код:

<a href=""></a><a href=""></a><a href=""></a>

Будет слитно выглядеть.
Либо таки сделать это таблицей... хотя как оно потом работать будет...

Код:

<table cellspacing="0" cellpadding="0" border="0">
  <tr>
      <td></td>
      <td></td>
      <td></td>
  </tr>
</table>

Но это частный случай. У нас же всё в списке... а в списке подсписки...
Ох... надо как-нибудь переделать это CSS меню ваше с нуля, а то что-то косяков в нём...
Кстати, может в этом и косяк... #nav ul распространяется не только на первый ul в #nav, но и на #nav ul ul и #nav li ul...
А ещё там в коде какие-то непонятные... прямо в строке

Код:

<font color="#2e1c0d"><font color="#2e1c0d"><font color="#2e1c0d">

Да я вот тоже думаю, что стоило бы. Я где-то стащила, толком не разобравшись...

Попробую) Хм, не помогает. Всё то же самое.

И было бы очень неплохо ещё в добавок, что бы в IE работало.

И снова вопрос по этой панельке! Хочу объединить её с основной панелькой. Я думаю, что стоит скрыть все картинки из неё, поставить, что отображаются только картинки, а все ссылки и кнопки сделать под нижнюю навигацию. Потом я задумалась. Получается, что и для гостей, и для пользователей будет видно одно и тоже. Т.е. права доступа отменяются.
Если так делать - то можно поставить виджет профиля, но я хочу обойтись без этого - из-за границ форума выходит лажа
Какие есть ещё варианты?

Скажите как панель посередине расположить! пока что....

А вы куда в ПА код ставляли?

опс. ПА - Оформление - Шаблоны - Общие настройки - overall_header_new , между тем, что в первом посте указала.

А можно исходник кода?

Ой, ё... что-то я намудрила.
Не идёт метод, и из CSS я комменты удалила!

Пришлось снести рамочку у форума. Верх и низ отображаются - а средняя картинка - нет.
Завтра попытаюсь разобраться.