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

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору VVL99 Спасибо за скрин! В итоге получилось сделать через before/after.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 14:57 08-10-2020 \| Исправлено: WONDROUS, 17:24 08-10-2020

VVL99

Silver Member

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

https://jpegshare.net/images/a2/e1/a2e137651807476f102971fbdc848950.png

----------
Гомосексуальность среди модераторов не является психическим расстройством, несмотря на синонимы этого понятия в русском языке.

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 17:38 08-10-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору VVL99 Ещё раз спасибо! Сделал почти также, но вопрос, можно ли обойтись без указания точных ширины и высоты?
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 18:58 08-10-2020

VVL99

Silver Member

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

WONDROUS
сто процентов же работает.

Добавлено:
Для after:
Код:

height: 100%;
width: 100%;
background-position: 100% 0%;

Для before:
Код:

height: 100%;
width: 100%;
background-position: 0% 0%;

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 19:23 08-10-2020 | Исправлено: VVL99, 19:39 08-10-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору VVL99 Не-а, не хочет, всё равно правая картинка стоит сразу за левой, а не у правой стороны.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 23:03 08-10-2020

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

можно ли обойтись без указания точных ширины и высоты?

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

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

WONDROUS

Silver Member

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

Впрочем, косяк был в том, что был просто background, а не background-image и background-repeat.

Добавлено:
Mavrikii
Всё заработало, когда поменял background на background-image и background-repeat.

Спасибо за ответы!

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:10 08-10-2020 | Исправлено: WONDROUS, 23:12 08-10-2020

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Всё заработало, когда поменял background

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

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 23:13 08-10-2020

VVL99

Silver Member

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

WONDROUS (пост)
Цитата:

Не-а, не хочет, всё равно правая картинка стоит сразу за левой, а не у правой стороны.

Может вы забыли добавить - background-position: 100% 0%;

Добавлено:
https://jpegshare.net/images/4f/38/4f38e20850638be5d4fc7d1198b886fe.png

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 23:36 08-10-2020

WONDROUS

Silver Member

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

Mavrikii

Цитата:

зависит от целей, когда нужно или нет чтобы :after или :before покрывал все доступное место или только часть

Точно, и не надо следующий вопрос задавать

VVL99
Уже всё работает

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:57 08-10-2020 | Исправлено: WONDROUS, 23:58 08-10-2020

VVL99

Silver Member

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

Короткая запись - https://jpegshare.net/images/33/c5/33c50fdb5ab7c2cfc81824bd26162fb2.png
https://idg.net.ua/blog/wp-content/uploads/background-css-syntax.png

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 00:28 09-10-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору ~~Задал вопрос, сам нашёл ответ.~~
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 20:34 09-10-2020 \| Исправлено: WONDROUS, 21:39 09-10-2020

WONDROUS

Silver Member

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

Читаю про использование !important и везде по-разному пишется, кто-то где-то вообще не рекомендует его использовать. Насколько же всё-таки оправдано не слишком частое его использование?

И ещё, правильно ли использовать для одного класса одно значение width и max-width?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 17:48 10-10-2020 | Исправлено: WONDROUS, 18:28 10-10-2020

Mavrikii

Platinum Member

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

WONDROUS
у вас сломался яндекс или гугл?
https://habr.com/ru/post/484556/
http://htmlbook.ru/css/%21important

Цитата:

правильно ли использовать для одного класса одно значение width и max-width?

это разные вещи, почему нельзя то?

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:46 10-10-2020 | Исправлено: Mavrikii, 21:03 10-10-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Я же и пишу, что читал на разных сайтах, везде разное пишут про использование !импорт. Понятно, спасибо.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 21:56 10-10-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Подскажите, пожалуйста, всё ли здесь нормально кодом (с правилами)? Задолбался что-то уже, везде будет нормально, в Сафари 11 косяк.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 00:28 15-10-2020

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

нормально кодом (с правилами)

https://jigsaw.w3.org/css-validator/
и используем https://caniuse.com/ для проверки поддержки браузером

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 00:39 15-10-2020 | Исправлено: Mavrikii, 00:42 15-10-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Хм, посмотрел, почитал и что? То, что косячит, ошибок в первой ссылке нет, во второй во всех браузерах работает, кроме IE.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 01:06 15-10-2020

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

почитал и что?

значит плохо читали.
что не так с сафари не скажу - не имею его для просмотра.
а "косяк" вы даже не попытались описать.

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

WONDROUS

Silver Member

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

Mavrikii
С высотой косяк. Если ставить для картинок высоту auto, то на всю высоту экрана растягиваются (скрин). Если высота 100%, то некоторые картинки меньше других (скрин). И ещё полоска в 1px снизу.

И ещё я имел ввиду, что нет ли чего лишнего в CSS к самому "слайдеру"? Или в нём чего-то наоборот не хватает?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 02:09 15-10-2020 | Исправлено: WONDROUS, 02:14 15-10-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