Помощь с CSS по выпадающему меню.

VIT-X
На сайте с 11.07.2007
Offline
106
394

Доброго времени суток, коллеги!

Имеется пациент

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

Я так понимаю что нужно CSS подшаманить, только вот заклинания не знаю)) Кто подскажет?

LLIARK
На сайте с 29.02.2012
Offline
11
#1

попробуй простомреть этот урок,может чтото подскажет.

Портфолио (http://lliark.ru)
VIT-X
На сайте с 11.07.2007
Offline
106
#2

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

Подскажите плиз, что дописать нужно?

Segey
На сайте с 23.08.2005
Offline
404
#3

.art-menu ul a {

width: 180px;

}

Brexit - уже совсем рядом. (https://about-this-model.blogspot.com/2019/03/brexit.html)
uberchel
На сайте с 16.01.2010
Offline
70
#4

измените стиль для класса в style.css

/* begin MenuSubItem */

.art-menu ul a

{

display: block;

text-align: center;

white-space: nowrap;

height: 20px;

width: 180px;

overflow: hidden;

line-height: 20px;

background-image: url('images/subitem.png');

background-position: left top;

background-repeat: repeat-x;

border-width: 0;

border-style: solid;

}

на

/* begin MenuSubItem */

.art-menu ul a

{

display: block;

text-align: center;

white-space: nowrap;

height: 20px;

width: 280px;

overflow: hidden;

line-height: 20px;

background-image: url('images/subitem.png');

background-position: left top;

background-repeat: repeat-x;

border-width: 0;

border-style: solid;

}

или

/* begin MenuSubItem */

.art-menu ul a

{

display: inline-block;

text-align: center;

white-space: nowrap;

height: 20px;

overflow: hidden;

line-height: 20px;

background-image: url('images/subitem.png');

background-position: left top;

background-repeat: repeat-x;

border-width: 0;

border-style: solid;

}

VIT-X
На сайте с 11.07.2007
Offline
106
#5

Всем спасибо, увеличил ширину, теперь все ок!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий