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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо, почитал и другие ссылки, но так и непонятно, как сделать, чтобы размер фона за текстом был одинаковым во всех браузерах, независимо от количества слов в тексте.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 17:31 13-02-2020
Mavrikii

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

Цитата:
чтобы размер фона за текстом был одинаковым во всех браузерах,

обернуть текст в тег, задать ему стиль
https://support.brightcove.com/styling-captions

Цитата:
Note that Safari uses native captions on the device and the device settings take precedence over vtt styles.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:24 13-02-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ссылку!
 
А почему при применении фильтра яркости, он влияет и на цвет текста у VTT? Вместо белого текста, он серый. Подскажите, пожалуйста, как исправить? Ссылка.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 16:25 14-02-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
потому, что отображается как часть тега video, со всеми примененными к нему стилями.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 01:56 15-02-2020
Valivan77777



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как выделить другим цветом текст. Дело в том что селектор меняет номер на разных страницах. И остаётся один вариант по названию пункта. Но как это сделать? Вот пример, нужно изменить цвет пункта "Раздают"  
 

 
http://kinozal.me/details.php?id=1754192

Всего записей: 1546 | Зарегистр. 11-12-2019 | Отправлено: 14:14 15-02-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
И как тогда сделать, чтобы стили для video не влияли на vtt? Пробовал track в div вставить, вообще субтитры не показываются. Или не так сделал.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 16:09 15-02-2020
VVL99

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Valivan77777
Код:
ul.men.w200 li:nth-child(6) a {
  color: red;
}

Код:
a[onclick*='Раздают'] {
  color: red;
}

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 16:19 15-02-2020 | Исправлено: VVL99, 16:22 15-02-2020
Valivan77777



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
VVL99
 
Первый вариант не подойдёт, потому как на разных страницах разный порядковый номер, а второй вариант подходит. Спасибо.

Всего записей: 1546 | Зарегистр. 11-12-2019 | Отправлено: 17:03 15-02-2020
Mavrikii

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

Цитата:
И как тогда сделать, чтобы стили для video не влияли на vtt

никак
 

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:08 15-02-2020
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
сбилась разметка, сайдбар уехал вниз. Сам не умею ((
#

Mavrikii как всегда - спасибо. Не могу понять как такое могло случится. Сегодня только поменял одну строку js на другой js. И ничего более..
Спасибо.

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 16:54 17-02-2020 | Исправлено: GEGEMON, 23:53 17-02-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GEGEMON
при чем тут css??? у вас проблема с вложенностью html тегов.
 
и исправляем кучу других ошибок - https://validator.w3.org/check?uri=https%3A%2F%2F3rim.info%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
 
 
ps: короче, проблема с вложенностью (криво прописаны html комменты), поэтому <div class="sidebar widget-area-22"> оказался внутри <div class="darkart-main-col">, а должен находиться вне.
сейчас    
а должно быть  

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 21:22 17-02-2020 | Исправлено: Mavrikii, 21:34 17-02-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Понятно, что кроме CSS там есть ещё и другие файлы/скрипты, но если кто-нибудь знает, то просьба подсказать, где найти готовый набор галереи, который используется для просмотра больших фото на сайтах мвидео и ikea.

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

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

Цитата:
где найти готовый набор галереи

Скрипты фотогалереи (photo/image gallery)
 

Цитата:
сайтах мвидео и ikea

могут быть написанные и на заказ.. плюс в бутстрапе есть, к примеру
https://getbootstrap.com/docs/4.0/components/carousel/
 

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:06 28-02-2020
kodex77



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте.
Подскажите пожалуйста по CSS.  
 
Есть такой код:  

Код:
<div style="text-shadow: 2px 2px 2px #cccccc;"><span>Подробнее: <img style="position: relative; min-height: 100%; top: +3px;" src="foto.png" /></span></div>

 
Как запретить "воздействие" text-shadow на картинку?

Всего записей: 196 | Зарегистр. 07-04-2012 | Отправлено: 15:40 03-03-2020
Mavrikii

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

Цитата:
Как запретить "воздействие" text-shadow на картинку?

что значит "воздействие"?

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 17:49 03-03-2020
kodex77



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

Цитата:
что значит "воздействие"?

shadow отображается и на картинке, нужно чтобы только на тексте было.

Всего записей: 196 | Зарегистр. 07-04-2012 | Отправлено: 18:51 03-03-2020
Mavrikii

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

Цитата:
shadow отображается и на картинке

text-shadow не генерит тень от картинки
если же речь о том, что тень находится поверх картинки, то нужно через z-index выставить ее выше.
но и этого в данной ситуации не должно происходить. скриншот показывайте.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 18:56 03-03-2020
kodex77



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

Всего записей: 196 | Зарегистр. 07-04-2012 | Отправлено: 19:48 03-03-2020
Mavrikii

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

Цитата:
Mavrikii, вот скриншот

дык тень не от картинки, а от текста "подробнее". и так как текст поверх картинки, то это его отображение тени так работает.. запретить "воздействие" только убрав тень от "подробнее"

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 19:53 03-03-2020
kodex77



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii, может я что-то неправильно объяснил, но там "Подробнее" это картинка, а не текст на картинке.  
 
Вот код:

Код:
<div style="text-shadow: 2px 2px 2px #cccccc;"><span>Жанр: <img style="position: relative; min-height: 100%; top: +3px;" src="foto.png" /></span></div>

Всего записей: 196 | Зарегистр. 07-04-2012 | Отправлено: 19:57 03-03-2020 | Исправлено: kodex77, 20:09 03-03-2020
Открыть новую тему     Написать ответ в эту тему

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