Вопросы по CSS - [81] :: 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

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

WONDROUS

Silver Member

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

Mavrikii
Я, конечно, извиняюсь за наглость, но можно попросить написать сам код для title, который бы можно было добавить к коду выше, пожалуйста? С ID сделал (вообще убрал), а title не получается.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 15:13 15-07-2019 | Исправлено: WONDROUS, 16:25 15-07-2019

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

а title не получается.

что не получается??
$svg.attr('title', 'значение');

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 19:16 15-07-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii В некоторых файлах так: <title>example</title>. Поэтому 'title' никак не влияет.
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 19:47 15-07-2019 \| Исправлено: WONDROUS, 19:48 15-07-2019

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Поэтому 'title' никак не влияет

вы определитесь вообще о чем спрашиваете, потому что по умолчанию я подумал, что речь об атрибуте тега.
в каких файлах, SVG?
$svg.find('title').remove();

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 19:54 15-07-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Да, речь об этом была, спасибо!
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 21:53 15-07-2019

WONDROUS

Silver Member

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

Mavrikii
Ещё, подскажите, пожалуйста, если в некоторых SVG есть path class (например, path class="cls-1" и так далее), то как заменить содержимое, сделать все cls одинаковыми или убрать class?
Попробовал $svg.find('path class').replaceWith('path'); - не работает.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 02:52 16-07-2019

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS по jQuery есть отдельная тема, не нужно забивать тему о CSS ps: $svg.find('path').removeAttr('class')
	Всего записей: 15101 \| Зарегистр. 20-09-2014 \| Отправлено: 03:10 16-07-2019 \| Исправлено: Mavrikii, 03:11 16-07-2019

WONDROUS

Silver Member

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

Почему-то после изменения цвета у SVG, при загрузке или обновлении страницы, они показываются на какое-то время чёрные (их цвет по-умолчанию), а потом в изменённом цвете. Так и должно быть или что-то косячит?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 10:27 17-07-2019

webproger Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS Но вы же меняете цвет скриптом. Скрипт подгружается не сразу. Из-за этого и задержка.
	Всего записей: 23 \| Зарегистр. 02-06-2019 \| Отправлено: 12:53 17-07-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору webproger Я так и подумал, ещё хотел дописать это в вопросе. То есть, сразу сделать, или чтобы скрипт быстрее срабатывал нельзя?
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 13:36 17-07-2019

webproger Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS Пропишите сразу нужные классы в разметке. Зачем это делать через скрипт?
	Всего записей: 23 \| Зарегистр. 02-06-2019 \| Отправлено: 15:27 17-07-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору webproger В смысле? Это как?
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 16:12 17-07-2019

webproger Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Вместо <img> Добавляете сразу <svg> на страницу. Для повторного использования с разными стилями, можно подключать через <use> https://habr.com/ru/post/348194/
	Всего записей: 23 \| Зарегистр. 02-06-2019 \| Отправлено: 17:35 17-07-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору webproger Спасибо за ответ! Почитаю попозже.
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 18:40 17-07-2019

WONDROUS

Silver Member

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

Ещё вопрос такой возник, если в SVG для цвета используется только stroke, не будет ли отрицательно сказываться наличие заливки fill в коде? То есть, в самом SVG fill: none, а для stroke указан цвет, но в коде CSS будет одинаковый цвет для них?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 04:41 18-07-2019

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS а попробовать сложно?
	Всего записей: 15101 \| Зарегистр. 20-09-2014 \| Отправлено: 04:58 18-07-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Для разных файлов по-разному, но лучше так не делать.
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 05:09 18-07-2019

WONDROUS

Silver Member

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

Ещё просьба подсказать, как настроить высоту расположения подсказок (tooltip). Используется тема с Bootstrap 4, в которой включены эти tooltip. На кнопке, сверху, которая кнопка из Bootstrap 4, подсказка нормально расположена, а ниже, на круглых значках, оан почему-то посередине расположена. Что не так и как исправить? Страница.
На картинках ссылка действует почему-то только на нижнюю половину, поэтому и подсказка так появляется, но как и где исправить, не нашёл.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 16:46 19-07-2019 | Исправлено: WONDROUS, 17:18 19-07-2019

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

На картинках ссылка действует почему-то только на нижнюю половину

потому, что высота ссылки половинная (из за выставленного размера шрифта)

display: inline-block; к ссылке добавьте, к примеру.

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 20:20 19-07-2019 | Исправлено: Mavrikii, 20:22 19-07-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Спасибо за ответ! Добавил в CSS, сейчас нормально показывается.
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 20:34 19-07-2019

Страницы: 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