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

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в 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 128 129

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"

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

RomkafrVlad Junior Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору существует ли визуальный редактор-подсказчик, чтобы сразу видеть принятые изменения, для static html?
	Всего записей: 89 \| Зарегистр. 01-05-2006 \| Отправлено: 02:06 16-09-2018

Mavrikii

Platinum Member

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

RomkafrVlad
а что мешает просто перегрузить страницу?

ну а так есть в любом браузере - правая кнопка на элементе, инспектировать и будет окно с его css свойствами, где можно править, добавлять, отключать и смотреть что получится. оно не сохранится в файл, после обновления исчезнет, поэтому потом нужно уже добавить вручную изменения.

в Хроме, к примеру

Всего записей: 15684 | Зарегистр. 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> и для него дописать цвет.

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

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

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

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

Цитата:

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

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

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

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Вопрос в том, что не соображу пока, как лучше это сделать, чтобы работало.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 23:51 17-09-2018

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

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

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

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

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii На примере можно, если не сложно? Куда и что в том коде добавить?
	Всего записей: 3440 \| Зарегистр. 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/

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

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Понятно, спасибо.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 12:59 18-09-2018

WONDROUS

Silver Member

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

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

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

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS код показывайте.
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 21:01 25-09-2018

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Ссылка на файл CSS.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 10:37 26-09-2018

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS а html код где для этого?
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 17:10 26-09-2018

WONDROUS

Silver Member

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

Mavrikii
Там только это:

Код:

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

Mavrikii

Platinum Member

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

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

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

WONDROUS

Silver Member

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

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

Всего записей: 3440 | Зарегистр. 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/ делаете анимацию, выполняемую с задержкой, один раз
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 21:29 05-10-2018

WONDROUS

Silver Member

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

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

Всего записей: 3440 | Зарегистр. 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 128 129

Компьютерный форум 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