Опять же про горизонтальный меню!

!Я новичок, и ксс не знаю на все 100%
Хочу, чтобы в горизонтальном меню пункты были одинакового размера... ну чтобы распределялись по одинаковой длине по всей ширине строки верхнего меню
вот код

Код

/* begin MenuItem */
.top-menu a
{
  position: relative;
  display: block;
  overflow: hidden;
  width: 200px;
  height: 80px;
  cursor: pointer;
  text-decoration: none;
  }


.top-menu ul li
{
    margin:0;
    clear: both;
}


.top-menu a .r, .art-menu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  width: 300px;
  height: 90px;
  background-image: url('../images/menuitem.png');
}

.top-menu a .l
{
  left: 0;
  right: 6px;
}

.top-menu a .r
{
  width: 412px;
  right: 0;
  clip: rect(auto, auto, auto, 406px);
}

.top-menu a .t, .top-menu ul a, .top-menu a, .top-menu a:link, .top-menu a:visited, .top-menu a:hover
{
  text-align: left;
  text-decoration: none;
}

.top-menu a .t
{
  color: #C9D9D9;
  padding: 0 3px;
  margin: 0 6px;
  line-height: 25px;
  text-align: center;
}

.top-menu a:hover .l, .art-menu a:hover .r
{
  top: -30px;
}

.top-menu li:hover>a .l, .art-menu li:hover>a .r
{
  top: -30px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
  top: -30px;
}
.top-menu a:hover .t
{
  color: #151E1E;
}

.top-menu li:hover a .t
{
  color: #151E1E;
}

.top-menu li:hover>a .t
{
  color: #151E1E;
}


.top-menu a.active .l, .art-menu a.active .r
{
  top: -60px;
}

.top-menu a.active .t
{
  color: #151E1E;
}


.top-menu a:hover.separator-without-submenu 
{
  cursor: default;
}

.top-menu a:hover.separator-without-submenu .t
{
  color: #C9D9D9;
}

.top ! !-menu li:hover a.separator-without-submenu .t
{
  color: #C9D9D9;
}

a:hover.separator-without-submenu .r, a:hover.separator-without-submenu .l 
{
  top: 0 !important;
}
/* end MenuItem */

Назначение макета, посредством ссылки в меню Автор xxxLOGIATxxx	Ответов: 20 Просмотров: 9102	04.02.2022, 14:44:14 от hoi
Съезжает меню при наведении Автор yyyuuu	Ответов: 4 Просмотров: 5676	08.12.2020, 11:12:32 от AlexB
Проблемы в горизонтальном меню Joomla 2.5 Автор Димьяна	Ответов: 1 Просмотров: 6375	27.11.2018, 14:58:30 от Ragivort
mod_menu и подписи к пунктам меню (subtitles) Автор St@lker	Ответов: 21 Просмотров: 10030	29.10.2017, 16:24:00 от xilog
Перенос строки в название пункта меню Joomla Автор skitskis	Ответов: 33 Просмотров: 20318	29.10.2017, 10:36:30 от xilog

Опять же про горизонтальный меню! - Joomla 2.5: Шаблоны, разметка и макеты вывода

Новости Joomla

👩‍💻 WT LLMs для Joomla: llms.txt, llms.json для AI-агентов.

👩‍💻 Уязвимости в компоненте календаря событий DPCalendar.

Вышли релизы безопасности Joomla 6.1.2 и Joomla 5.4.7

umid_john

Опять же про горизонтальный меню!

Shustry

Re: Опять же про горизонтальный меню!

Похожие темы