Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > CSS menu


Автор: azesmcar 9.3.2010, 15:09
Добрый день,

В веб-программе использую CSS меню, которое отлично работает под всему браузерами, кроме netscape, хотелось бы исправить эту досадную неисправность, хочется поддержки любого браузера. Никак не могу найти в чем проблема

вот так это выглядет в FF
user posted image
и так (в открытом виде)
user posted image

в Netscape всегда показывает вот так
user posted image

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <link href="css/menu.css" type="text/css" rel="stylesheet" />
</head>
<body>
  <div class="mainmenu_container">
    <div class="mainmenu">
      <ul class="menu">
        <li class="list">
          <a class="category" href="#">Settings&nbsp;&nbsp;&raquo;</a>

          <ul class="submenu">
            <li><a href="index.php?p=accounts">Accounts</a></li>

            <li><a href="index.php?p=callingcodes">Calling codes</a></li>

            <li><a href="index.php?p=chpasswd">Change password</a></li>

            <li><a href="index.php?p=currencies">Currencies</a></li>

            <li><a href="index.php?p=log">Log file</a></li>

            <li><a href="index.php?p=users">Users</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</body>
</html>

и css
Код

a, a:hover, a:active, a:focus
{
    direction: ltr;
    outline: 0;
}
.wrapper
{
    height: 25px;
    position: relative;
}
.mainmenu
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    top: 50px;
    right: 15px;
    line-height: 23px;
    z-index:100;
    position: absolute;
}
ul.menu
{
    border: #E1F0B7 1px solid;
    float: left;
    list-style: none;
    margin: 0;
    margin-right: 2px;
    overflow: hidden;
    padding: 0;
    width: 120px;
}
ul.menu a
{
    color: #fff;
    padding-left: 5px;
    text-decoration: none;
}
ul.menu li.list
{
    float: left;
    margin: -32767px -125px 0px 0px;
    width: 250px;
}
ul.menu li.list a.category
{
    background: url(../img/leftbtn_bg.png) left top repeat-x transparent;
    display: block;
    float: left;
    margin-top: 32767px;
    position: relative;
    width: 120px;
    z-index: 50;
}
ul.menu li.list a.category:hover,
ul.menu li.list a.category:focus,
ul.menu li.list a.category:active
{
    background: #FF9900;
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 1px;
}
ul.submenu
{
    background: #a3d044;
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    list-style: none;
    margin: 0;
    margin: -25px 0px 0px 0px;
    padding: 25px 0px 0px 0px;
}
ul.submenu li a
{
    background:#68A309;
    clear: left;
    float: left;
    width: 120px;
    border-bottom:#E1F0B7 solid 1px;
}
ul.submenu a:hover,
ul.submenu a:focus,
ul.submenu a:active
{
    background: #FF9900;
    margin-right: 1px;
}


Заранее спасибо.

Автор: bars80080 9.3.2010, 15:52
слушай, тут один товарищ тоже спрашивал про нетскейп, мы его всё время пытали, где он такой браузер достал. но он не отвечал и потом срулил. может, ты ответишь, откуда можно ещё достать нетскейп?



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

Автор: azesmcar 9.3.2010, 16:09
Цитата(bars80080 @  9.3.2010,  15:52 Найти цитируемый пост)
слушай, тут один товарищ тоже спрашивал про нетскейп, мы его всё время пытали, где он такой браузер достал. но он не отвечал и потом срулил. может, ты ответишь, откуда можно ещё достать нетскейп?

 smile скачал из интернета
он тоже иногда используется, в основном пользователями Линукса.
http://www.brothersoft.com/netscape-navigator-download-60475.html

он меня мало волнует, но в общем-то старался сделать сайт кроссбраузерным, хочется написать в спецификации что идет на любом браузере.

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

Автор: azesmcar 9.3.2010, 16:25
Решилось, просто сменил меню, видимо неудачно скачал в прошлый раз (неудачную реализацию имею ввиду), но там еще проблемы оказались с версткой, видимо надо вызывать дизайнера.

Всем спасибо.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)