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

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно ли в Popover, из Bootstrap4, через CSS сделать перенос слов по <br>?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 15:25 17-09-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
а точнее? если в месте переноса вставлять <br> тег, то нет - CSS не для этого предназначен.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:02 17-09-2019
WONDROUS



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

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:33 17-09-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно ли сделать разный цвет для каждого toolTip на одной странице? Один цвет для всех получается сделать, разный (с разными id) никак.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 17:49 22-09-2019
Mavrikii

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

Цитата:
 разный (с разными id) никак.

а показать что делаете? если разные id - можно сделать что угодно разным.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 01:16 23-09-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
На сей раз у меня прямая просьба - помогите добавить элемент :hover для кнопки "Подробнее"
Добавил кажется уже везде, но не туда куда надо.
Код здесь
Сайт в подписи

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 19:47 25-09-2019 | Исправлено: GEGEMON, 19:56 25-09-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GEGEMON
.product-info:hover

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:10 25-09-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
на какой строке? их там несколько .product-info

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 20:30 25-09-2019
Mavrikii

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

Цитата:
на какой строке?

что значит на какой строке??? это отдельное правило, вот и пишем где угодно (если другого такого же нет)
.product-info:hover {
 
}

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:31 25-09-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
пишем где угодно

а, так делал, безрезультатно
 
добавлено
 
оставил правило, взгляните строка 958

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 20:32 25-09-2019 | Исправлено: GEGEMON, 20:34 25-09-2019
Mavrikii

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

Цитата:
а, так делал, безрезультатно

ну так покажите, что именно делали - вставьте в css и дайте ссылку.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:33 25-09-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
 дайте ссылку.

ссылку на что? главная, кнопка подробнее.  
оставил правило, взгляните, строка 958

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 20:35 25-09-2019
Mavrikii

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

Цитата:
.mg-buy-click-button,
.addToCompare,
.default-btn,
.addToCart,
.product-wrapper .product-info,
.btn:hover    {
   transition: .5s linear;
  background-position: -200% 0, 0 0;
}

у этого правила приоритет выше для стилей, так как  используется .product-wrapper .product-info, значит и вы также сделайте .product-wrapper .product-info:hover или, даже, .product-wrapper a.product-info:hover
 
либо можно добавить !important  
 
почитайте - https://webref.ru/course/css-basics/priority
https://idg.net.ua/blog/uchebnik-css/azy-css/kaskadnost

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:39 25-09-2019 | Исправлено: Mavrikii, 20:44 25-09-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
либо можно добавить !important

не работает, сначала это пробовал
Mavrikii - пост
Цитата:
.product-wrapper .product-info:hover  

работает. Спасибо! Как всегда блестяще!
 
В кач-ве ликвидации безграмотности - что такое приставка а. ?

Цитата:
или, даже,  a.product-info:hover

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 20:50 25-09-2019
Mavrikii

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

Цитата:
что такое приставка а.

это не приставка, а тег A с классом product-info
 

Цитата:
не работает, сначала это пробовал

значит не то или не туда прописывали. указывается для каждого свойства стиля, а не стиля в целом.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:51 25-09-2019 | Исправлено: Mavrikii, 20:52 25-09-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
это не приставка, а тег A с классом product-info

косноязычность это от нехватки знаний
Mavrikii - пост
Цитата:
значит не то или не туда прописывали. указывается для каждого свойства стиля

туда, на 958 строку для каждого свойства

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 20:54 25-09-2019
Mavrikii

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

Цитата:
туда, на 958 строку для каждого свойства

не знаю, не видел, но !important переписывает все (если нет ранее использованного !important)

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:58 25-09-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii раз уж мы разговорились )) помогите кнопку .product-info поместить в границы .product-wrapper
Не предпологал трудностей с этим, а вот поди ж ты

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 22:45 25-09-2019
Mavrikii

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

Цитата:
помогите кнопку .product-info поместить в границы .product-wrapper

точнее формулируйте. то, что в нижней части? или по ширине тоже?

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 22:56 25-09-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
 то, что в нижней части?

да, речь именно о нём. По ширине нормально

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 23:02 25-09-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 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

Рейтинг.ru