Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.68/19: Рейтинг темы: голосов - 19, средняя оценка - 4.68
 Аватар для SLameN
1 / 1 / 7
Регистрация: 29.10.2012
Сообщений: 247

Не работает class

07.09.2013, 18:22. Показов 3877. Ответов 15
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Имеется следующее меню:
HTML5
1
2
3
<ul id="nav">
<li class='active'><a href='#'></a></li>
</ul>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#nav {
    font-size: 15px;
    font-family: Tahoma, sans-serif;
    
}
 
#nav li a {
    outline: none;
    text-decoration: none;
    display: block;
    color: #ffffff;
    background-color: #f4735e;
    float: left;
    padding: 15px 15px;
}
 
.active {
  background-color: blue;
}
Не работает class active, почему? Если я напишу то все работает
HTML5
1
2
3
<ul id="nav">
<li style='background-color: blue;'><a href='#'></a></li>
</ul>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.09.2013, 18:22
Ответы с готовыми решениями:

Разъясните код пжлст(выдает ошибку:cannot convert from 'class std::list<class c_bullet *,class std::allocator<class c_bullet *> >::iterator' to 'int')
Есть такие строки: std::list&lt;c_bullet*&gt; Bullets; ... for(auto i = Bullets.begin(); i != Bullets.end(); /**/) В строке цикла вот...

bad class file: C:Program FilesJavajre1.5.0_02lib t.jar(java/lang/Object.class) class file has wrong version 49.0, should be 48.0
написал тестовый td_jsp.jsp фаил -&gt;&gt; &lt;html&gt; &lt;head&gt;&lt;title&gt;JSP test&lt;/title&gt;&lt;/head&gt; &lt;body&gt; &lt;p&gt;JSP test&lt;/p&gt; &lt;/body&gt; ...

Class Matrix почему не работает?
Не могу найти в чём проблема, вроде всё должно работать. using System; using System.Collections.Generic; using System.Linq; ...

15
 Аватар для Бабуля
72 / 72 / 29
Регистрация: 10.08.2012
Сообщений: 202
07.09.2013, 18:30
А, что если active взять в двойные ковычки)
0
 Аватар для SLameN
1 / 1 / 7
Регистрация: 29.10.2012
Сообщений: 247
07.09.2013, 18:32  [ТС]
Это просто внутри php. Если даже вынести отдельно html с двойными кавычками все равно не работает... Сделал экранирование кавычек в php, то же не работает...
0
 Аватар для Бабуля
72 / 72 / 29
Регистрация: 10.08.2012
Сообщений: 202
07.09.2013, 18:42
Я только что попробовал в online редакторе, все работает, появляется синий фон.

Вот попробуй http://jsbin.com/iDIcOyO/1/edit
HTML5
1
2
3
<ul id="nav">
  <li class='active'><a href='#'></a></li>
</ul>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#nav {
    font-size: 15px;
    font-family: Tahoma, sans-serif;
    
}
 
#nav li a {
    outline: none;
    text-decoration: none;
    display: block;
    color: #ffffff;
    background-color: #f4735e;
    float: left;
    padding: 15px 15px;
}
 
.active {
  background-color: blue;
}
JavaScript
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
if (location.pathname === '/welcome' || location.pathname === '/welcome/') {
  location = '/welcome/edit?html,live';
}
 
if (window.location.pathname.indexOf('/edit') !== -1) $('a.open').click(function (event) {
  event.preventDefault();
  window.top.$('a[href$="' + this.hash + '"]').mousedown().click();
});
 
var presses = 0;
 
var spin = [
  "Woahohaohaohaahoahaohaohaohaohaoha...",
  "Nononono...aiiiiiiiiiiiiieeeeeeee....",
  "Aaaaaaaaaghhhhh...woahwoahwoahwoahwoah...",
  "You're eeeeeeeeviiiiiiilllllllll....",
  "Eee...eee...eee...eee...eee...",
  "Woowoowoowoowoowoowoowoowoo..."
];
  
var stop = [
  "Please... never again.",
  "I'm so dizzy.",
  "That's just... cruel.",
  "Don't you have better things to do?",
  "I can't feel my toes... oh wait, I don't have any toes!",
  "This isn't fun anymore.",
  "...",
  "I'm going to be sick.",
  "Uh-oh, I think I just dropped some tables...",
  "Yep, I think I'm about to SQL-project everywhere...",
  "SELECT * FROM `stomach`...",
  "var_dump($result)...",
  "+_+"
];
 
$('#dave').mousedown(function () {
  
  $('#message').fadeOut(function () {
    $(this).text(spin[presses % spin.length]);
    presses = presses + 1;
  }).fadeIn();
  
}).mouseup(function () {
  
  $('#message').fadeOut(function () {
    $(this).text(stop[presses % stop.length]);
  }).fadeIn();
  
  if( presses >= stop.length - 1 ) {
    $(this).animate({left: '-999px'}, 1000 * 10, function () {
      $(this).animate({left: '0'}, 1000 * 4);
      presses = 0;
    });
  }
  
});
0
 Аватар для TAB
215 / 215 / 73
Регистрация: 12.03.2013
Сообщений: 485
07.09.2013, 18:43
Так может у Вас всё таки где-нибудь ниже переопределены правила.
CSS
1
2
3
4
5
6
7
8
9
10
11
12
.active {
  background-color: #fff;
}
/*Or*/
li.active {
  background-color: #fff;
}
/*Or*/
#nav li.active {
  background-color: #fff;
}
/*Or etc ...*/
Поскольку атрибут style даёт высший приоритет в переопределении стиля. Так что ищи.
0
 Аватар для SLameN
1 / 1 / 7
Регистрация: 29.10.2012
Сообщений: 247
07.09.2013, 18:54  [ТС]
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
.menu {
    background-color: #f4735e;
    width: 100%;
    height: 45px;
    border-radius: 0 0 10px 10px;
}
 
.active {
  background-color: #ffffff;
}
 
#nav {
    font-size: 15px;
    font-family: Tahoma, sans-serif;
    
}
 
#nav li a {
    outline: none;
    text-decoration: none;
    display: block;
    color: #ffffff;
    background-color: #f4735e;
    float: left;
    padding: 15px 15px;
}
 
#nav li a:hover, a:active, a:focus {
    background-color: #a3b754;
}
Что здесь может перебивать...
0
 Аватар для TAB
215 / 215 / 73
Регистрация: 12.03.2013
Сообщений: 485
07.09.2013, 19:49
Клавиша F12 расскажет и покажет всё о стилях в окне браузера на требуемой странице.
0
 Аватар для SLameN
1 / 1 / 7
Регистрация: 29.10.2012
Сообщений: 247
07.09.2013, 20:19  [ТС]
да, знаю, спс. Но все равно не понимаю... Как мне сделать по другому?
0
1 / 1 / 0
Регистрация: 05.09.2013
Сообщений: 10
08.09.2013, 13:30
Цитата Сообщение от SLameN Посмотреть сообщение
да, знаю, спс. Но все равно не понимаю... Как мне сделать по другому?
У Вас класс прописанный для ссылки ( #nav li a ) перебивает класс прописанный для тега <li>, ссылки как-то трудновато подчиняются правилам css и мне кажется имеют некий приоритет среди элементов, попробуйте использовать правило !important
CSS
1
2
3
.active {
  background-color: blue !important;
}
0
 Аватар для SLameN
1 / 1 / 7
Регистрация: 29.10.2012
Сообщений: 247
08.09.2013, 16:51  [ТС]
Не работает...
0
 Аватар для Бабуля
72 / 72 / 29
Регистрация: 10.08.2012
Сообщений: 202
08.09.2013, 17:02
Забавно, я вставляю код, в точности как у вас, только у меня все работает, а у вас нет!
Я уже попробовал в нескольких online редакторах, теперь решил попробовать в обычном
редакторе Notepad++, класс active работает как положено!
0
 Аватар для SLameN
1 / 1 / 7
Регистрация: 29.10.2012
Сообщений: 247
08.09.2013, 17:44  [ТС]
Так не работает:
HTML5
1
2
3
4
5
<div class="menu">
<ul class="nav">
<li id='active'><a href='#'></a></li>
</ul>
</div>
Так работает:
HTML5
1
2
3
4
5
<div class="menu">
<ul class="nav">
<li><a id='active' href='#'></a></li>
</ul>
</div>
0
 Аватар для StopSmell
293 / 169 / 29
Регистрация: 16.09.2012
Сообщений: 370
08.09.2013, 17:46
CSS
1
2
3
#nav li.active a {
  background-color: blue;
}
HTML5
1
2
3
<ul id="nav">
<li class="active"><a href='#'></a></li>
</ul>
0
 Аватар для SLameN
1 / 1 / 7
Регистрация: 29.10.2012
Сообщений: 247
08.09.2013, 17:56  [ТС]
Работает, но тогда теряется вот это:
CSS
1
2
3
#nav li a:hover, a:focus {
    background-color: #a3b754;
}
0
 Аватар для StopSmell
293 / 169 / 29
Регистрация: 16.09.2012
Сообщений: 370
08.09.2013, 18:00
CSS
1
2
3
4
5
6
#nav li.active a {
  background-color: blue;
}
#nav li a:hover, a:focus {
    background-color: #a3b754 !important;
}
0
 Аватар для SLameN
1 / 1 / 7
Регистрация: 29.10.2012
Сообщений: 247
08.09.2013, 18:19  [ТС]
Спасибо всем за помощь!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
08.09.2013, 18:19
Помогаю со студенческими работами здесь

Объясните как работает Class внутри темы
Не могу понять логически как работает данный класс: class Message @@messages_sent = 0 def initialize(from, to) ...

Как работает class className : private otherClassName {} ?
Приветствую всех. Не могу разобраться, как работает такая конструкция: class CMD_Frame: public C37118{ public: // // ...

В чем отличие ref class от value class, где какой следует использовать?
САБЖ, мало по мало изучаю C++/CLI.. В голове каша, хотелось бы как то фундаментально осмыслить и запомнить в каких случаях нужно...

Задача: реализовать наследование: interface Сотрудник - class Инженер - class Руководитель.
Помогите решить задачу и объяснить. В Eclipse. Реализовать наследование: interface Сотрудник - class Инженер - class Руководитель

Непонятная ошибка: Exception class EClassNotFound with message 'Class TLabeledEdit not found'
Когда написал среду в Делфи для БД Access то при запуске выдает такую ошибку. project Project.exe raised exception class...


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

Или воспользуйтесь поиском по форуму:
16
Ответ Создать тему
Новые блоги и статьи
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru