Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 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 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
Tridentifer



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Приветствую всех.
Есть два списка, изменяющих цвет шрифта и фона на странице - подробнее
Знаю, что bgColor и fgColor устарели и вместо них используются background-color и color.
Вопрос: что нужно прописать в стилях для background-color и color, чтобы избавится от bgColor и fgColor?

 
********
 
Mavrikii

Цитата:
если же просто цвет, то

Да - это именно то, что нужно, спасибо большое!

Всего записей: 2226 | Зарегистр. 23-10-2009 | Отправлено: 05:52 01-09-2018 | Исправлено: Tridentifer, 18:56 01-09-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Tridentifer

Цитата:
 что нужно прописать в стилях для background-color и color, чтобы избавится от bgColor и fgColor

вы же, вроде, сами написали
Цитата:
вместо них используются background-color и color.

но в данной ситуации у вас меняется с помощью js, а не стилей. можете создать стиль на каждую нужную комбинацию цветов, прописать их в value, и тогда

Код:
ONCHANGE="document.body.className=this.options[this.selectedIndex].value"

если же просто цвет, то

Код:
ONCHANGE="document.body.style.backgroundColor=this.options[this.selectedIndex].value"


Код:
ONCHANGE="document.body.style.color=this.options[this.selectedIndex].value"

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 06:06 01-09-2018 | Исправлено: Mavrikii, 06:07 01-09-2018
RomkafrVlad



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
существует ли визуальный редактор-подсказчик, чтобы сразу видеть принятые изменения, для static html?

Всего записей: 71 | Зарегистр. 01-05-2006 | Отправлено: 02:06 16-09-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
RomkafrVlad
а что мешает просто перегрузить страницу?
 
ну а так есть в любом браузере - правая кнопка на элементе, инспектировать и будет окно с его css свойствами, где можно править, добавлять, отключать и смотреть что получится. оно не сохранится в файл, после обновления исчезнет, поэтому потом нужно уже добавить вручную изменения.
 
в Хроме, к примеру
 

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 05:49 16-09-2018 | Исправлено: Mavrikii, 05:50 16-09-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Просьба подсказать:
в файле расширения для редактора есть такой код в файле CSS:

Код:
#%id% .%id%listTitle {
margin-left:%id=sizeandoffset%px;
padding-bottom: %id=titlemargin%px;
%id=titlewheight%
font-size: %id=titleSize%px;
color: %id=titlecolor%;
}

как или что прописать, чтобы можно было делать фон для этого текста (ListTitle)? Если указывать просто фон текста, то он применяется по всей ширине строки заголовка. Поэтому подумал сделать как <mark> и для него дописать цвет.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 23:46 17-09-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Если указывать просто фон текста, то он применяется по всей ширине строки заголовка

наверно потому, что применяется к блочному элементу, который занимает всю ширину. для применения только к тексту он должен быть обернут в инлайн элемент (например span или аналогичный).
 

Цитата:
Поэтому подумал сделать как <mark> и для него дописать цвет.

тогда зачем вопрос ?)

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 23:50 17-09-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Вопрос в том, что не соображу пока, как лучше это сделать, чтобы работало.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 23:51 17-09-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Вопрос в том, что не соображу пока, как лучше это сделать, чтобы работало

обернуть во что то, написали же что обернули в <mark>, можно просто в span
можете преобразовать блочный элемент в инлайновый display: inline, но могут быть последствия

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 23:54 17-09-2018 | Исправлено: Mavrikii, 23:54 17-09-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
На примере можно, если не сложно? Куда и что в том коде добавить?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 03:38 18-09-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Куда и что в том коде добавить

не в css стиле, а обернуть сам нужный текст тегом и написать к нему стиль.
все, что можно добавить тут, это display: inline, но результат непредсказуем.
 
чтобы было понятно о чем речь - http://jsfiddle.net/jzgy832f/1/
одним из минусов будет невозможность выравнивания текста (для этого его нужно обернуть в блочный элемент и там применить выравнивание содержимого) - http://jsfiddle.net/jzgy832f/3/

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 06:02 18-09-2018 | Исправлено: Mavrikii, 06:37 18-09-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Понятно, спасибо.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 12:59 18-09-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
При каких условиях может не работать задание высоты ширины в пикселях, а высоты в auto? Если делать какое-то значение для ширины и высоты автоматически, то элемента на странице не видно, пока не задашь высоту в пикселях.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 14:18 25-09-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
код показывайте.

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 21:01 25-09-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Ссылка на файл CSS.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 10:37 26-09-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
а html код где для этого?

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 17:10 26-09-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Там только это:
    
Код:
<div class="trafficlightThing%id%">
      <div class="traffic-light flat red grey-light traffic-light-style%id=traffic-light-style%%id%"></div>
      <div class="traffic-light flat yellow grey-light traffic-light-style%id=traffic-light-style%%id%"></div>
      <div class="traffic-light flat green grey-light traffic-light-style%id=traffic-light-style%%id%"></div>
    </div>

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 17:34 26-09-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
ну почему не заменить переменные шаблона конкретными значениями??
откуда нам знать что там подставляется вместо них?
в данном случае высота в авто не сработает потому, что содержимое обладает нулевой высотой.
как только поместите что то во внутренние дивы (или зададите им высоту), так и определится высота контейнера

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 17:41 26-09-2018 | Исправлено: Mavrikii, 17:42 26-09-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть пример, как на его основе (или подобном) сделать выделение текста (например, одного предложения в тексте) при загрузке страницы? То есть, как правильно предложение текста оформить, чтобы эта анимация работала? В CSS можно убрать hover, тогда анимация будет работать не при наведении, в остальном вопрос.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 17:25 05-10-2018 | Исправлено: WONDROUS, 17:51 05-10-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
https://css-tricks.com/css-keyframe-animation-delay-iterations/
делаете анимацию, выполняемую с задержкой, один раз

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 21:29 05-10-2018
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо, но это не то, о чём спрашивал, или нет? На том примере в вопросе не получается повторить подобное. При редактировании на той странице всё работает, копируешь и применяешь в другом месте или программе, ничего не работает.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 22:23 05-10-2018
Открыть новую тему     Написать ответ в эту тему

Страницы: 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 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru