Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 2363 Просмотров
*

bodich

  • Осваиваюсь на форуме
  • 15
  • 1 / 0
Добрый день!
Который день мучаюсь, не могу расстянуть меню по ширине и сделать пункты разного цвета.
http://bodich.testvt.ukrline.com.ua/
Отцентровал пункты.
Кто может подсказать как это сделать?

С ув. Богдан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
не верстальщик, но такой вариант в лисе дает похожий результат
Код
li {
    border: 1px solid;
    display: inline-table;
    font-size: 0;
    height: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 14%;
}

т.е. рамку со ссылок переносишь на li
а можно более четко выставить ширину каждому блоку в отдельности, чтобы в сумме 100% давало, с помощью псевдоклассов, если меню не динамичное, а обычно так и бывает
ну и цвета - с их же помощью задать
http://htmlbook.ru/css/nth-child
а вот готовый пример
http://htmlacademy.ru/demos/2#step3
*

bodich

  • Осваиваюсь на форуме
  • 15
  • 1 / 0
по ширине расстянул, СПАСИБО!))
а вот по цвету что-то не совсем понял...прописываю стиль пункту меню, а как стиль и пункт меню связать?
Еще только начинаю CSS
*

bodich

  • Осваиваюсь на форуме
  • 15
  • 1 / 0
nth-child(3) - этов примере, а как мне узнать название моих пунктов меню?
чтобы оно связано с таблицей стилей? :(
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
ну потрудитесь почитать по ссылкам, что означает номер в скобках.
зачем вам название-то знать, если вы можете по порядку обратиться к первому, второму или любому другому пункту в ряду?
вставьте в CSS и посмотрите результат, что ли
*

bodich

  • Осваиваюсь на форуме
  • 15
  • 1 / 0
 :( Вставил в CSS ничего не происходит

ul.menu li:nth-child(2) {
    background-color: #666;
}
ul.menu li:nth-child(3) {
    background-color: #f00;
}

вот это код поставил, ничего(((
*

bodich

  • Осваиваюсь на форуме
  • 15
  • 1 / 0
Решил, пункт меню - ссылка и задал цвет ссылке.
Теперь все отлично!)
*

maska

  • Осваиваюсь на форуме
  • 42
  • 1 / 0
Всем привет! помогите, не получается зафиксировать меню сверху, слетает при прокрутке.
*

maska

  • Осваиваюсь на форуме
  • 42
  • 1 / 0
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
*

maska

  • Осваиваюсь на форуме
  • 42
  • 1 / 0
Огромное спасибо! все сделал!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1639
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2208
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 835
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 814
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1086
Последний ответ 20.07.2020, 11:18:44
от kuraev64