• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Оптимизация дизайна сайта под различные браузеры ... » Небольшой косяк с меню (да, опять ^^)
Небольшой косяк с меню
Дата: Вторник, 27.03.2012, 16:50 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: Offline


Добрый вечер всем!

Как бы доделать меню что бы оно всегда было по центру, т.е. когда нажимаешь Ctrl + - не уезжало влево..
верхнее на этом сайте


 
Дата: Вторник, 27.03.2012, 17:17 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


rikulia,
Quote (rikulia)
Как бы доделать меню что бы оно всегда было по центру, т.е. когда нажимаешь Ctrl + - не уезжало влево..

Вот так:
Code
ul#cssmenu {
     border: 0 none;
     font: bold 12px/28px Verdana,Geneva,sans-serif;
     height: 30px;
     list-style: none outside none;
   margin:0 auto!important;
     padding: 0;
     width: 970px;
}
ul#cssmenu li,#cssmenu li.iehover {
     border: 0 none;
     display:inline;
     float:left;
     height: 30px;
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative;
   zoom:1;
}
ul#cssmenu li.first {
  margin-left:20px!important;
}
ul#cssmenu li.last{
  margin-right:20px!important;
}
ul#cssmenu a {
     border: 0 none;
     color: #FFFFFF;
     display: block;
   width:auto;
     font: bold 12px/28px Verdana,Geneva,sans-serif;
     height: auto !important;
     padding: 0 15px;
     text-decoration: none;
}
* html ul#cssmenu a{
  padding: 0 13px;
}
* html ul#cssmenu {
     border: 0 none;
     font: bold 12px/28px Verdana,Geneva,sans-serif;
     height: 30px;
     list-style: none outside none;
     margin: 0 auto !important;
     padding: 0;
     width: 970px;
}


Меню ...


 
Дата: Вторник, 27.03.2012, 17:27 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: Offline


likbezz, спасибо! вот только в ие оно столбиком делается((

Добавлено (27.03.2012, 17:27)
---------------------------------------------
..в смысле вертикально становится

 
Дата: Вторник, 27.03.2012, 17:35 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


rikulia,
Quote (rikulia)
вот только в ие оно столбиком делается((

Надеюсь вы не просто заменили?
Это не полные стили к меню, это фрагменты которые нужно найти и отредактировать.
В какой версии ИЕ?


...

Прикрепления: 4997665.png (54.4 Kb)

 
Дата: Вторник, 27.03.2012, 17:43 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: Offline


Конечно, я кусок заменила, в остальных браузерах нормально, кроме ИЕ
на том сайте так же было:

Добавлено (27.03.2012, 17:41)
---------------------------------------------
тоже 7 версии

Добавлено (27.03.2012, 17:43)
---------------------------------------------
как заменяла:

Code
ul#cssmenu {
      border: 0 none;
      font: bold 12px/28px Verdana,Arial;
      height: 30px;
      list-style: none outside none;
    margin:0 auto !important;
      padding: 0;
      width: 970px;
}
* html ul#cssmenu {
      border: 0 none;
      font: bold 12px/28px Verdana,Arial;
      height: 30px;
      list-style: none outside none;
    margin:0 auto !important;
      padding: 0;
      width: 970px;
}
ul#cssmenu li {
      border: 0 none;
      display: inline;
      float: left;
      height: 30px;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
}
ul#cssmenu li.first {
   margin-left:20px;
}
ul#cssmenu li.last{
   margin-right:20px;
}
ul#cssmenu a {
      border: 0 none;
      color: #FFFFFF;
      display: block;
      float: none !important;
      font: bold 12px/28px Verdana,Arial;
      height: auto !important;
      padding: 0 15px;
      text-decoration: none;
}
* html ul#cssmenu a{
   padding: 0 13px;
}

ul#cssmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#cssmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

ul#cssmenu ul:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#cssmenu ul li {
  width: 180px;
  float: left;
  display: block !important;
  display: inline;
}


 
Дата: Вторник, 27.03.2012, 17:58 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


rikulia,
Quote (rikulia)
Конечно, я кусок заменила, в остальных браузерах нормально, кроме ИЕ

На этом сайте не наблюдаю изменений: http://sofiarotaru.net/
Ссылку на то, где изменяете.
...


 
Дата: Вторник, 27.03.2012, 18:09 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: Offline


Quote (likbezz)
На этом сайте не наблюдаю изменений: http://sofiarotaru.net/

дак я сразу назад сделала, как в ИЕ посмотрела!!
вот ещё один, где тестирую, щас там код заменю:
сайт

Добавлено (27.03.2012, 18:03)
---------------------------------------------
заменила, посмотрите, пож-та на >>>

Добавлено (27.03.2012, 18:07)
---------------------------------------------
О_о и теперь проблемы в мозилле, оно не выпадает

Добавлено (27.03.2012, 18:09)
---------------------------------------------

Quote (rikulia)
О_о и теперь проблемы в мозилле, оно не выпадает

ой, сори, уже выпадает))


 
Дата: Вторник, 27.03.2012, 18:09 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


rikulia,
Для первого и последнего пункта добавляем классы:
Code
<ul id="cssmenu">
<li class="first"><a class="Hoverbuttons" href="http://sofiarotaru.net">Главная</a>
...
<li class="last"><a class="Hoverbuttons" href="#">О Сайте:</a>
<ul>


Quote (rikulia)
заменила, посмотрите, пож-та на >>>

Смотрю: ... Скриншот Скриношот2, Скриншот ...
...


 
Дата: Вторник, 27.03.2012, 18:17 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: Offline


Quote (likbezz)
Смотрю: ... Скриншот

заменила, но у меня стабильно по-прежнему biggrin
ну и фиг с ним! в конце концов это маленький косяк


 
Дата: Вторник, 27.03.2012, 19:48 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


rikulia,
Quote (rikulia)
заменила, но у меня стабильно по-прежнему

Может быть кэш?


 
Дата: Среда, 28.03.2012, 05:32 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: Offline


Quote (likbezz)
Может быть кэш?


почистила.. где-то 2 с. меню нормальное, а потом вертикальным делается

Добавлено (28.03.2012, 04:23)
---------------------------------------------
Хотя ваше тестовое теперь как надо отображается
http://likbezz.ru/_example/sites/_rest/p1/sofiarotaru_menu_1.html

Добавлено (28.03.2012, 05:32)
---------------------------------------------

Quote (likbezz)
Скриншот ...

ого!!!! даже в 6 работает! чудеса


 
Дата: Среда, 28.03.2012, 06:18 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


rikulia,
Quote (rikulia)
почистила.. где-то 2 с. меню нормальное, а потом вертикальным делается

А это как только скрипт срабатывает, тот что «iehover» добавляет, так всё ))) Капец.
...
Quote (rikulia)
Хотя ваше тестовое теперь как надо отображается

А это я уже потом, обнаружил проблему и поправил, смотри первый код - пост №2
...

Quote (rikulia)
ого!!!! даже в 6 работает! чудеса

Вот как раз под ним и обнаружил )))


 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Оптимизация дизайна сайта под различные браузеры ... » Небольшой косяк с меню (да, опять ^^)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия