Разбор полетов: CSS

Главные вкладки

Аватар пользователя Aybek Aybek 6 апреля 2009 в 18:57

Привет всем.
При верстке дизайна появились следующие вопросы касательно форм.
В данной записи речь идет о блоке "Poll".
Создал шаблон для блока. Все заработало нормально.

Когда очередь дошла до форматирования текста в форме голосования я просто остановился Smile

пример:

<div class="poll_title">Вопрос 1?</div>

<div class="poll_ch">
 <div class="form-radios">
  <div class="form-item" id="edit-choice-0-wrapper">
    <label class="option" for="edit-choice-0"><input type="radio" id="edit-choice-0" name="choice" value="0"   class="form-radio" /> Ответ 1</label>
    </div>
  </div>
 </div>
</div>

цвет, размер и т.д. самого вопроса изменил без проблем. ввел новый класс в poll.css
а вот класс "form-radio" оказался в system.css и если его менять то меняются все "радио", в том числе и в управлении.

Дело в том что информационный блок у меня белого цвета, в вся остальная часть сайта темная (#333), и если я меняю класс "form-radio" == color: #fff; то в "управлении" тоже все меняется ... а управление отображается в информационном блоке.

Может быть на уровне кода это можно изменить? чтобы для choice-ов применялись другие классы????
На самом деле это не очень удобно ... когда меняешь стили вроде бы на фрон-енде, но в то же время на бэк-енде это тоже отображается.
Я понимаю что в друпале нет понятия фронт-енд и бэк-енд, но разобраться с этим очень хочется )

Надеюсь понятно написал.
Заранее спасибо.

Комментарии

Аватар пользователя EllECTRONC EllECTRONC 6 апреля 2009 в 20:11

вы забыли точку перед form-item,
запомните перед классами ставится точка:

.poll_ch .form-item {
        color: #ffffff;
}
.poll_ch .form-radios {
        color: #ffffff;
}
.poll_ch .option {
        color: #ffffff;
}

обязано работать Smile

Аватар пользователя Aybek Aybek 7 апреля 2009 в 17:10

супер!
спасибо большое!
знаний CSS не хватило Lol
пока вопрос закрыт Smile

но возможно вернемся к нему.
всем спасибо!