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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
опять же - я не знаю, что такое "универсальное" значение.  
https://developer.mozilla.org/ru/docs/Web/CSS/line-height
http://htmlbook.ru/css/line-height
если то, что по умолчанию, то это всегда normal - это в случае если нет родителя, если же он есть, то идет inherit
https://stackoverflow.com/questions/29661278/whats-the-difference-between-css-inherit-and-initial

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 00:50 15-11-2019 | Исправлено: Mavrikii, 00:52 15-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Просьба подсказать, как в этом примере лучше сделать так, чтобы на мобильных экранах весь текст вмещался на одной строке?

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
ну вы теперь каждую мелочь спрашивать будете?
либо определять разрешение и применять другой стиль, с другим размером.
либо использовать у шрифта единицы vw.
например, выставив у последнего дива font-size: 8vw; и можно добавить white-space: nowrap;
 
https://css-tricks.com/fitting-text-to-a-container/

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:29 16-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ссылку, сделал отдельный размер для мобильников.
 
Ещё вопрос такой, если отключать before и after для мобильных, то можно ли просто в правиле для маленьких экранов указать content: none?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 01:38 17-11-2019
Mavrikii

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

Цитата:
то можно ли просто в правиле для маленьких экранов указать content: none?

да, либо добавить display: none

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Точно, забыл про это, спасибо.
 
Можно ли скрывать так, чтобы в html код не показывался, но при этом некоторые правила, тот же размер текста и прочее, в css оставались (которые, по идее, на работу не влияют)?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 01:56 17-11-2019
Mavrikii

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

Цитата:
Можно ли скрывать так, чтобы в html код не показывался

я не совсем понимаю о чем вы. если речь о том, чтобы не отображать элемент, но учитывать при этом размеры элемента в этом месте, то visibility: hidden. но, при этом, если у элемента есть ссылки или другая интерактивность - она будет работать.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 01:59 17-11-2019 | Исправлено: Mavrikii, 01:59 17-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
У того счётчика из прошлой ссылки, думаю сделать так, чтобы текст перед и после (before и after) цифр не был виден на мобильниках.

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

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

Цитата:
чтобы текст перед и после (before и after) цифр не был виден на мобильниках

ну, обсудили выше. при чем тут некоторые правила?

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Сделал для мобильных display: none. Текст не показывается, в html ничего, но в css есть остатки кода before/after. Про что и спросил, можно ли так оставлять?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 02:51 17-11-2019
Mavrikii

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

Цитата:
но в css есть остатки кода before/after. Про что и спросил, можно ли так оставлять?

в каком css? то, что отображает панель разработчика браузера? не все ли равно, элемент же не отображается.

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно ли сделать, чтобы при применении -webkit-text-stroke и letter-spacing с отрицательным значением, во всех браузерах показывалось как на нижнем примере? Вверху - в Chrome, Opera, Firefox, внизу - Safari.
 
 

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 17:21 23-11-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
не нужно увлекаться "финтифлюшками" с приставками -webkit и так далее - у них непредсказуемое поведение в разных браузерах.
https://itchief.ru/lessons/html-and-css/css-browser-prefixes

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:29 23-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Так -webkit-text-stroke эти три браузера поддерживают, просто почему-то цвет шрифта не закрывает другую букву (слева).

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 23:59 23-11-2019
Mavrikii

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

Цитата:
Так -webkit-text-stroke эти три браузера поддерживают

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

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 00:08 24-11-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Не получается изменить размер в iframe от ЯД.
Меняю ширину непосредственно в ифрэйме - не работает. Создал DIV с нужным размером и туда засунул его - не работает. Добавил в div !important для ширины - не работает!!
Помогите пжст.
#

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 13:10 27-11-2019 | Исправлено: GEGEMON, 21:28 27-11-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GEGEMON
слона то я и не приметил?
/templates/phone-touch/style.css

Цитата:
iframe {
    width: 700px;
    height: 400px;
}


Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 21:18 27-11-2019
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii (пост)
Цитата:
слона то я и не приметил?

даже не подумал!!!
Как всегда - Спасибо!

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 21:28 27-11-2019
Skif_off

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, в чём может быть дело:
текст в таблице больше, чем обычный/основной (скрин на всякий случай), хотя в CSS-файле явно указан размер шрифта

Код:
body { font-size: 11pt; font-family: 'Arial'; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; background-color: #e6e8ea; }

(body - это ведь всё внутри <body></body>, для чего явно не задан другой размер?)
 
Как можно пофиксить?

Всего записей: 6462 | Зарегистр. 28-01-2008 | Отправлено: 20:35 16-01-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Skif_off
используется шрифт браузера по умолчанию
 

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 21:43 16-01-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

Компьютерный форум 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