Перейти к публикации

Помощь в вертикальном меню


Рекомендованные сообщения

Всем привет. Нужна помощь с вертикальным меню. Ситуация такая нужно размер подогнать, чтобы граница меню была шире в CSS-стили и на ровне с календарем где это можно указать. Находиться в block leftmenu или это меню как-то сузить в этом же css-стиле. Школьный сайт юсош.рф Скрипт 10.3

Код CSS-стили

ul.secondary-menu {

margin: 0;

padding: 0;

display: inline-block;

width: 200px;

}

ul.secondary-menu li {

background: #333333;

background: linear-gradient(#222222, #444444);

list-style: none;

position: relative;

}

ul.secondary-menu li a {

padding: 10px;

display: block;

border-top: 1px solid #DDDDDD;

border-right: 1px solid #DDDDDD;

font-family: sans-serif;

font-size: 13px;

font-weight: bold;

color: #FFFFFF;

text-decoration: none;

}

ul.secondary-menu li a:hover,

ul.secondary-menu li:hover > a {

background: #006699;

}

ul.secondary-menu li ul,

ul.secondary-menu li ul.sub-menu li ul {

margin: 0;

padding: 0;

display: none;

}

ul.secondary-menu li:hover ul,

ul.secondary-menu li ul.sub-menu li:hover ul {

left: 200px;

top: 0px;

width: 200px;

display: block;

position: absolute;

z-index: 100;

}

Ссылка на сообщение
Поделиться на других сайтах

Спасибо разобрался. Теперь нужно чтобы второе окно было подальше друг от друга? Как это можно сделать в этом коде?

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...