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

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
1) у вас грузится несколько css файлов для шрифта
2) там название другое

Цитата:
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;


Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 00:41 25-12-2022
Alinalessio

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо. Точно! ))

Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 22:48 26-12-2022
Valivan77777



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребята, как на АлиЭкспресс выделить посещённые ссылки? :visited, :active, :focus, нихрена не помогают. Чё там эти китаёзы нахимичили. Есть идеи?

Всего записей: 1299 | Зарегистр. 11-12-2019 | Отправлено: 05:56 27-12-2022
Mavrikii

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

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 06:11 27-12-2022 | Исправлено: Mavrikii, 06:21 27-12-2022
Vladsvn

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

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 14:40 07-01-2023 | Исправлено: Vladsvn, 15:09 07-01-2023
Vladsvn

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
На сайте есть комментарии, но для простоты я взял HTML код страницы и разместил его здесь: http://fh7929mi.bget.ru/index-2.html
 
Проблема вот в чем.
 
Нужно, чтобы слово "Автор" находилось между va и флажком.
И чтобы слово "Крановщик" было самостоятельной строкой выше "Сегодня, 14:53".
 
По коду так они и расположены, а показываются совсем не на своих местах. И даже с Инспектором кода я совершенно не могу понять, как их переместить на требуемые места.

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 15:40 18-02-2023
Mavrikii

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

Цитата:
а показываются совсем не на своих местах.

потому что играетесь с display: flex неправильно. разбито на столбцы, вот и переносится то, что не помещается.
 

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 18:47 18-02-2023
Vladsvn

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо, в этом была ошибка. Но полностью решить проблему. всё же, не удалось.
 
Сделал так:
<div class="comment__author" style="display: inline-flex;">
    <a href="/profile/face.php?kto=72">Wow  va</a>
    <div style="border: 1px solid red;color: green;margin-left: 1em;">Автор</div>
</div>  
 
"Автор" разместился как надо.
 
По аналогии сделал для строки "Крановщик", чтобы она была самостоятельной строкой над "Сегодня":
<div class="comment__author" style="display: inline-flex;">              
<div style="border: 1px dotted #3399CC; color: #936; margin-left: 1em;">Крановщик</div>
</div>
Но она легла на "автор" (см. http://fh7929mi.bget.ru/index-3.html)
 
Как это исправить?

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 21:16 18-02-2023 | Исправлено: Vladsvn, 22:37 18-02-2023
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vladsvn
еще раз спрошу - зачем вам там вообще flex??  
не влезают ваши данные в один столбец, вот и городит так.
flex нужен для размещения блоков в столбцы или строки, здесь, для одного комментария, этого вообще не нужно.

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 23:22 18-02-2023
fscpsd



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

Всего записей: 1823 | Зарегистр. 16-09-2010 | Отправлено: 11:16 19-02-2023
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fscpsd
Вопросы по CSS

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 11:19 19-02-2023
Vladsvn

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

Цитата:
еще раз спрошу - зачем вам там вообще flex??
Я вовсе за него не цепляюсь, я был бы рад обойтись без него, и вообще как угодно, лишь бы работало.  
 
Я понял - надо grid сетку перестраивать. Никогда этого не делал, но попробую.
 
 

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 11:32 19-02-2023 | Исправлено: Vladsvn, 22:12 19-02-2023
Mavrikii

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

Цитата:
Я понял - надо grid сетку перестраивать. Никогда этого не делал, но попробую.

зачем она вообще вам там сдалась, я этого понять не могу.
 
заголовок - обычный div с содержимым..
можно использовать float left или right
сам коммент - вообще никакого флекса, обычный div
 
зачем городить что то с grid, это не тот случай.

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 00:14 20-02-2023
fscpsd



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Цитата:
Вопросы по CSS
В моих условиях то решение не сработало — извиняюсь, что изначально не оговорил, но вообще имелось в виду просто использовать в Файрфоксе файл userContent.css, без каких-либо сторонних расширений.
Сейчас вот быстренько погуглил немножко, обнаружил такое решение:
Код:
@-moz-document domain(forum.ru-board.com) {
*{
     background:#bbbbbb !important;  
}
}
— вот оно работает как нужно (серый фон только на руборде). Но есть одна небольшая проблема: пропадает оформление таблиц, т.е. получается сплошная серая заливка, вот так:

Не особо мешает, в общем-то, но, быть может, это можно как-нибудь поправить, для полного счастья?
 
Добавлено:
Ну и ещё формы ввода (на скриншоте это область «Фильтр по:» — они сохранили белый цвет, их тоже приглушить бы, если можно.
 
Добавлено:
Цитата:
пропадает оформление таблиц
Это не просто из-за совпадения цвета, я проверил на разных цветах. Именно почему-то полностью заливается всё оформление всех табличных элементов.

Всего записей: 1823 | Зарегистр. 16-09-2010 | Отправлено: 06:45 20-02-2023 | Исправлено: fscpsd, 06:57 20-02-2023
ALeXkRU



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fscpsd
Цитата:
Быть может, это можно как-нибудь  

можно вот отсюда вытянуть CSSы стиля... (там их несколько вариантов расцветок, и в расширении ещё)
 
Добавлено:

Код:
table, th, tr, td
{
  border: #fcfcfc 1px solid;
}

Всего записей: 11788 | Зарегистр. 03-12-2003 | Отправлено: 06:56 20-02-2023 | Исправлено: ALeXkRU, 07:16 20-02-2023
fscpsd



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ALeXkRU
Цитата:
можно вот отсюда вытянуть
Это сложновато для меня, к сожалению. Совершенно с CSS незнаком.
Цитата:
Добавлено:
Код:

Благодарю, сработало! Потребовалось добавить "!important" и подыскать подходящее место, и теперь вот в таком виде:
Код:
@-moz-document domain(forum.ru-board.com) {
*{
     background:#bbbbbb !important;
}
table, th, tr, td{
    border:#999999 1px solid !important;
}
}

— всё сейчас выглядит вот так:

В общем-то, почти идеально, осталось только формы ввода приглушить, если можно, а то они всё ещё ослепительно белые.

Всего записей: 1823 | Зарегистр. 16-09-2010 | Отправлено: 07:26 20-02-2023 | Исправлено: fscpsd, 07:44 20-02-2023
Mavrikii

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

Цитата:
В моих условиях то решение не сработало

webkit нужно заменить на moz

Код:
html:not(:-moz-full-screen-ancestor),
iframe:not(:-moz-full-screen-ancestor),
frame:not(:-moz-full-screen-ancestor) {
    background-color: #eee;
    -moz-filter: invert(1) hue-rotate(180deg) !important;
}
 
html:not(:-moz-full-screen-ancestor) img,
html:not(:-moz-full-screen-ancestor) video,
html:not(:-moz-full-screen-ancestor) player
{
    -moz-filter: invert(1) hue-rotate(180deg) !important;
}

 
если только для одного сайта, то с доменом, как выше

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 07:56 20-02-2023
b7music



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Здравствуйте, подскажите, пожалуйста, как картинку растянуть во всю область?  
https://litewood.vwserv3.vowe.ru/catalog/bani_besedki/835/
https://prnt.sc/ubq0Xu4C4boh скрин
dev
dev

Всего записей: 673 | Зарегистр. 04-03-2010 | Отправлено: 09:41 27-02-2023
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
b7music
https://developer.mozilla.org/ru/docs/Web/CSS/object-fit
но, для начала, вам придется разобраться с размерами не картинки, а родителя.
например, с width: 450px; и max-width: 450px;

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 01:46 28-02-2023
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет. Можно ли задать отдельный стиль для тега LI, который находится сразу перед самодельным тегом TRL — без добавления классов или идентификаторов к LI? Не затрагивая отображение LI, после которых нет тегов TRL?
 

Код:
<li><trl>...</trl>

 

Всего записей: 1367 | Зарегистр. 05-04-2010 | Отправлено: 02:17 29-03-2023 | Исправлено: D1D1D1D, 02:20 29-03-2023
Открыть новую тему     Написать ответ в эту тему

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

Рейтинг.ru