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

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

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вопрос снят, я такой не один - https://yandex.ru/search/?text=размытый%20шрифт%20с%20transform%3A%20translate%20css&lr=20728
 
TheBarmaley
Там не фон размазан, выводится блок с контентом и иногда из-за параметров содержимого, весь блок размывается, в принципе проблема ясна, решения найдено, причина как бы тоже, просто это нигде не описывается, т.е. столкнулся, а объяснений нигде нет.
Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 20:48 29-03-2019 | Исправлено: VVL99, 20:49 29-03-2019
TheBarmaley



Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
VVL99
Цитата:
Там не фон размазан, выводится блок с контентом и иногда из-за параметров содержимого, весь блок размывается
да, конечно, я "заднюю" часть под "фоном" и имел в виду.. ладно, ясно/понятно, был неправ - про таймеры..)
..но я всегда говорил - рюшечки = зло..  
 
Добавлено:

Цитата:
объяснений нигде нет
по первой же ссылке в тындексе пардон, у мну гугел, - про ширину/высоту и чёт/нечёт..
вопчем, я бы делал на жыэс, где координаты попапа гвоздями прибиваются и уж точно ничего никуда не поплывёт..)
 
..впрочем, в твоей выборке первая ссыль даёт решение и на цсс, но без трансформа, шо гораздо более предсказуемо..

----------
..the one of.. ··· ..sam-&-pol..
Всего записей: 17873 | Зарегистр. 07-06-2006 | Отправлено: 21:03 29-03-2019 | Исправлено: TheBarmaley, 21:15 29-03-2019
VVL99

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
TheBarmaley
Чёт/нечёт это как раз то, что нужно, но откуда ноги растут, я узнал не так давно, а искать уже и не пробовал, только сейчас в яндексе, если бы в гугле искал, то и вопрос уже не задал.
 
Гвоздями нельзя, у меня все менюшки перетаскиваемые, хотя это может и не повлияет, но сейчас переделывать всё не хочется, тем более там ширина плавающая и при варианте где:

Код:
left: 0;
right: 0;
margin: auto;
width: fit-content;

Фит контент работает только в новых, а в старых ширина на max-width
Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 21:49 29-03-2019 | Исправлено: VVL99, 21:50 29-03-2019
TheBarmaley



Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
VVL99
Цитата:
Чёт/нечёт это как раз то, что нужно, но откуда ноги растут, я узнал не так давно
сопссно, это ведь фактически и есть "дрыгание" - при нечёте трансформ пытается двигать на полпиксела, отсюда и мазня..))
 
про "гвозди" - ну так не обязательно же жёстко зашивать размер/положение..
всегда можно сделать простейший пересчёт по координатам/контенту непосредственно перед выводом..
на скорость это не повлияет (визуально, во всяком случае, не увидишь), а гарантия правильного положения/размера будет..
впрочем, не настаиваю, чисто как "частное мнение"..)

----------
..the one of.. ··· ..sam-&-pol..
Всего записей: 17873 | Зарегистр. 07-06-2006 | Отправлено: 22:34 29-03-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Просьба подсказать, как в этом примере сделать так, чтобы значок копирования (справа) появлялся при наведении курсора на окно с кодом. Что-то немного не соображу
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 18:06 31-03-2019
SerV2003

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
доброго всем, подскажите пожалуйста, как позиционировать кнопки бронирование и подробнее на странице 100dorog.su/spisok-turov/
Ранее было одна кнопка подробнее..., я скопировал класс и назначил его на кнопку бронирование с некоторыми изменениями.
Но если меняю CSS класса кнопки подробнее, то изменении просто нет
В итоге хотелось бы, чтобы кнопки не наезжали друг на друга и были равноудалены от краев в любом размере экрана.
помогите коли не жалко
благодарю
 
Если кто еще может подскажет ответ на такую ситуацию: редактирование кода в CSS файле темы Вордпресс не дает результатов, приходится этот код копировать в дополнительные стили, чтобы он поддавался редактированию. Что нужно сделать, чтобы код не копировать, а редактировать непосредственно в родном файле стилей?
Всего записей: 177 | Зарегистр. 24-11-2007 | Отправлено: 14:40 09-04-2019 | Исправлено: SerV2003, 15:51 09-04-2019
Mavrikii

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

Цитата:
В итоге хотелось бы, чтобы кнопки не наезжали друг на друга и были равноудалены от краев в любом размере экрана

вам тогда придется менять размер шрифта или пэддинг, что неудобно. возможно проще, чтобы при определенной ширине кнопки становились одна под другой. если используете абс позиционирование, то нужно делать ширину в 50%, чтобы заполняло пополам, но читайте выше о размере шрифта. для автоматического переключения в столбик используйте display: inline-block, а не абс поз.
 

Цитата:
Что нужно сделать, чтобы код не копировать, а редактировать непосредственно в родном файле стилей?

слишком мало информации - нужно смотреть в каком порядке грузятся стили, может просто переписывается другим файлом основной.
 
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 19:30 09-04-2019 | Исправлено: Mavrikii, 19:35 09-04-2019
SerV2003

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спасибо Mavrikii за совет
чутка разгребусь с работой и буду пробовать
Я в редакторе браузера добился ситуации, когда кнопки находятся столбиком при уменьшении поля, а когда поле большое, тогда эти кнопки находятся слева, а не по разные стороны поля, как сейчас.
Всего записей: 177 | Зарегистр. 24-11-2007 | Отправлено: 10:25 10-04-2019 | Исправлено: SerV2003, 10:27 10-04-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кто подскажет, почему настолько жирный stroke получился (при минимальном значении) у SVG и как исправить?
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 17:24 10-04-2019
Mavrikii

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

Цитата:
viewBox="0 0 37.77 22.51"

вот в этих координатах он и рассчитывается
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 19:19 10-04-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Хм, почему тогда в этих при том же значении stroke выглядит лучше? И улучшить, сделать на первом примере обводку тоньше нельзя?
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 20:09 10-04-2019
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
в каких этих же? та viewBox в 10 раз больше, поэтому 1 пиксель в 10 раз тоньше

Цитата:
viewBox="0 0 684.45 170.67"
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 21:16 10-04-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Понятно, спасибо.
 
Может, сможете тогда подсказать, как можно, в килобайтах, уменьшить размер SVG? Или чем больше сложных элементов в нём, тем размер больше будет и страница будет чуть дольше генерироваться?
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:18 10-04-2019
Mavrikii

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

Цитата:
Или чем больше сложных элементов в нём, тем размер больше будет и страница будет чуть дольше генерироваться?

да, потому что это векторные элементы, их расчет и отрисовка занимает время.
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 23:08 10-04-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ.
 
Опять про SVG спрошу, про контуры (stroke). На этой странице на первом и втором (сверху) файлах при добавлении контуров, они немного отсекаются. Padding не помогает. Это как-то можно исправить, чтобы они нормально показывались?
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 00:16 11-04-2019
Mavrikii

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

Цитата:
они немного отсекаютс

потому что выходят за пределы области отрисовки.
меняем размеры viewBox или параметры фигур, чтобы помещались внутрь с учетом линии
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 01:15 11-04-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Извиняюсь, но напрашивается вопрос, менять параметры фигур, это как?
P.S. если это надо менять значения для каждого файла отдельно, то как-то муторно и долго.
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 13:32 11-04-2019 | Исправлено: WONDROUS, 15:17 11-04-2019
Mavrikii

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

Цитата:
это как?

в векторном редакторе
 

Цитата:
как-то муторно и долго.

значит увеличиваем размер вьюбокса
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 19:34 11-04-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
То есть, если я правильно понял, если изначально viewBox="0 0 37.77 22.51", то чтобы контур нормально показывался, то надо сделать, например, viewBox="-5 -5 47.77 32.51"?
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 21:30 11-04-2019
Mavrikii

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

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

не проще попробовать, а не спрашивать? да
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 21:58 11-04-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