Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
2 / 2 / 0
Регистрация: 30.04.2013
Сообщений: 61
1

Выпадающее меню - разный размер шрифта для разных уровней меню

23.06.2014, 12:56. Просмотров 2379. Ответов 1
Метки нет (Все метки)

Есть у меня данный список, но возник вопрос: "как сделать чтобы в надписи буквы1 был шрифт 19px, а в выпадающем меню был шрифт 16px"


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
 <div class="nav_menu">
        <ul>
        <li><a href="">буквы1</a>
          <ul class="nav_menu2">
        <li><a href="">буквы2</a></li>
        <li><a href="">буквы3</a></li>
        <li><a href="">буквы4</a></li>
        <li><a href="">буквы5</a></li>
        <li><a href="">буквы6</a></li>
      </ul>
        </li>
    </ul>
      </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
.nav_menu
{
  position: relative;
  width: 109px;
  left: 163px;
  z-index: 10;
  top: 1px;
}
 
.nav_menu ul ul
{
  display: none;
  width: 192px;
  background: #fff;
}
 
.nav_menu ul li:hover>ul
{
  display: block;
  position:absolute;
  border-top: 3px solid #c6b9a7;
}
 
.nav_menu ul
{
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
 
.nav_menu ul li
{
  float: left;
  display:block; 
}
 
.nav_menu ul li a
{
  text-decoration: none;
  color: #878078;
  padding-left: 37px;
  padding-right: 12px;
  line-height: 46px;
  display:block;
  font-size: 19x;
}
 
.nav_menu ul li a:hover
{
  color: #dca85e;
  margin-top: -3px;
}
.nav_menu2 li a 
{
  text-decoration: none;
  display:block;
  border-bottom: 1px solid #ece8e2;
  width: 142px;
}
 
.nav_menu2 li a:hover
{
  border-left: 3px solid #d9a253; 
    border-top: 0;
    margin-left: -3px;
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.06.2014, 12:56
Ответы с готовыми решениями:

Можно ли в стандартном меню joomla 1.5 поставить разный размер шрифта на категории и подкатегории?
Можно ли в стандартном меню joomla 1.5 поставить разный размер шрифта на категории и подкатегории?

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

Разный цвет меню на разных страницах
на первом рисунке на ссылке home, при наведении всех ссылок в меню цвет ссылок березовый. нужно...

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

1
5 / 5 / 2
Регистрация: 11.04.2014
Сообщений: 84
23.06.2014, 13:29 2
Для выпадающего меню:

CSS
1
2
3
4
5
6
7
8
.nav_menu2 li a 
{
  text-decoration: none;
  display:block;
  border-bottom: 1px solid #ece8e2;
  width: 142px;
  font-size: 16px;
}
для главного меню:

CSS
1
2
3
4
5
6
7
8
.nav_menu ul
{
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  font-size: 19px;
}
замени соответствующие блоки в css стиле
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.06.2014, 13:29

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

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

Разный размер текста главного меню до и после авторизации на сайте
До авторизации текст главного меню меньше, тоньше, чем после авторизации, как исправить? Какой код...

Изменить размер шрифта в меню
Здравствуйте! Объясните мне, пожалуйста, как поменять размер шрифта в меню на сайте abeltele.esy.es...

Изменить размер шрифта в меню на сайте wordpress
Здравствуйте. Помогите пожалуйста. сайт atp-rubin.ru. Я не могу изменить размер шрифта меню в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.