Создание раскрывающегося меню CSS одинаковой ширины

Question

Я хотел бы добавить раскрывающееся меню к пункту меню Наши услуги на моем сайте. Вы можете увидеть место разработки по адресу http://dev.eimpactweb.com/Contact/. Если вы наведите курсор мыши на Наши услуги, вы увидите, что раскрывающееся меню присутствует, но все элементы имеют разную ширину. Как мне сделать их все одинаковой ширины? Источник довольно неприятный прямо сейчас, потому что все мои попытки сделать это работают, поэтому я прошу прощения за это. Заранее спасибо за помощь!

Answer 1

Добавление этого длинного селектора CSS с помощью Firebug возвращает вам выпадающие ссылки фиксированной ширины:

#navbar li ul a {
    width: 120px
}

Конечно, возможно, будет возможно сделать это более эффективно - но выуже знаю это;это грязно.

Answer 2

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

Answer 3

Вы можете установить ширину каждого в раскрывающемся списке, чтобы быть фиксированной шириной (например, 200 пикселей), и это должно исправить это для вас.

, например

<a href="/Services/Delivery/" style="width: 200px;">LineHaul Delivery</a>

или определите класс для применения к тегам в раскрывающемся списке.