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

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

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

Цитата:
для этого используется метод с дебаггером

спасибо, как костыль сойдет) правда стыдоба для гугла, что за столько версий такую простейшую и часто встречающую проблему не могут победить из коробки, а заставляют юзать костыли.. ну то такое дело, не нам виднее!

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:26 01-11-2016
Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребят? Что лучше использовать? px или em?
Я правильно понимаю, что em лучше использовать, для максимальной адаптации под телефон, а px - в основном для браузеров ПК?

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 18:47 01-11-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Sutar
https://habrahabr.ru/post/42151/

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 19:37 01-11-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Sutar, Mavrikii, списочек^ не полный
а уж что использовать зависит исключительно от ситуации и замысла "дизайнера"

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 19:50 01-11-2016
stupom



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

Цитата:
Sutar  https://habrahabr.ru/post/42151/
-там кажется ошибка. Боюсь всех удивить, но px (по крайней мере) в некоторых браузерах это угловая величина полученная как пиксель монитора 0.25-0.27мм с "нормального" расстояния. Пруф не дам, не помню, а авторитетную брехню читайте https://www.w3.org/Style/Examples/007/units.ru.html от изобретателей геморроя.
 
Кому не лень, попробуйте проверить на обычном мониторе и на яблофонах с высоким разрешением - сделайте блок с размерами в пикселях и посмотрите. Если я не вру, на экране мобильника с высоким разрешением он будет меньше, но не пропорционально разрешению.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 21:04 01-11-2016
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
https://medium.com/@madhum86/css-font-sizing-pixels-vs-em-vs-rem-vs-percent-vs-viewport-units-b1485716afe7
https://habrahabr.ru/post/280125/
https://webdesign.tutsplus.com/tutorials/comprehensive-guide-when-to-use-em-vs-rem--cms-23984

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 04:21 05-11-2016
gregoryaz

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребята, не подскажете как побороть такое явление:
 
Есть форма с кнопкой, вроде выглядит нормально.
 
http://codepen.io/anon/pen/dOoYLb
 
Но при попытке установить для кнопки шрифт, например:
 
font-family: Verdana, Arial, Helvetica, sans-serif;
 
Кнопка начинает располагаться криво относительно поля ввода, а хотелось бы чтоб кнопка была как в первоначальном виде, т.е. вровень с полем.

Всего записей: 141 | Зарегистр. 23-08-2005 | Отправлено: 21:45 07-11-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gregoryaz
задайте размер шрифта явно, потому что по умолчанию в хроме, к примеру, лепится 13.333 пикселя, что может приводить к разным эффектам. либо шрифт 12, тогда сразу все ок, либо 13, тогда высоту инпута чуть подогнать нужно - http://codepen.io/anon/pen/BQNjmm

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 22:15 07-11-2016
gregoryaz

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
 
Спасибо, но пришлось ещё к инпуту добавить vertical-align: top;, а то все равно получалось криво.

Всего записей: 141 | Зарегистр. 23-08-2005 | Отправлено: 20:06 08-11-2016 | Исправлено: gregoryaz, 20:07 08-11-2016
CDT



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Начинаю немного разбираться в css и застрял на медиа запросах. Задачка следующая,в блоке находятся 6 блоков со свойством float: left (родитель ширина 90% дети по 30%) все они выстроились в два ряда по три блока. Далее я начинаю сжимать экран и от нехватки места они выстраиваются в 3 ряда по два блока. В этом момент я хочу увеличить блоки, чтоб они заняли пустое пространство от ушедших блоков. Не получается. В чем может проблема?  

Всего записей: 163 | Зарегистр. 07-08-2008 | Отправлено: 08:50 09-11-2016 | Исправлено: CDT, 08:50 09-11-2016
Mavrikii

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

Цитата:
Не получается. В чем может проблема?  

а что сделали? как реализуете "в этот момент"?
лучше воспроизвести ситуацию в jsfiddle.net или codepen.io

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 09:03 09-11-2016 | Исправлено: Mavrikii, 09:09 09-11-2016
CDT



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо за ответ, нет что-то я запутался в этом css, блин)) реализация такая просто меняю ширину в процентах.
@media only screen and  ( max-width:964px ) {
 
        .block{
                width:45%;
        }
 
}
 
также в html у меня стоит <meta name="viewport" content="width=device-width, initial-scale=1">
на ресурсах которые вы указали эффект тот-же.
уменьшение блока работает увеличение нет, картинка наверное как-то влияет которая в блоке.

Всего записей: 163 | Зарегистр. 07-08-2008 | Отправлено: 09:18 09-11-2016 | Исправлено: CDT, 10:00 09-11-2016
HeT BonpocoB



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

Цитата:
лучше воспроизвести ситуацию в jsfiddle.net или codepen.io

вроде фурычит  
 
 

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 12:12 09-11-2016
CDT



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо, да вот это и хочу добиться, но пока в панике и поиске,видимо проблема в картинке которая в блоке, сейчас срабатывает в браузере показывает, что медиа ширина 45%, а блок не увеличивается, реально 155px а должен 232px. Может картинка не даeт блоку расширяться?

Всего записей: 163 | Зарегистр. 07-08-2008 | Отправлено: 12:33 09-11-2016 | Исправлено: CDT, 12:37 09-11-2016
HeT BonpocoB



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

Цитата:
Может картинка не даeт блоку расширяться?

ну очевидно картинку надо подгонять под блок
 
p.s. третья попытка донести - выкладывайте сразу свой пример в онлайн-эдиторе. на пальцах сложно понять что требуется и как

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 12:55 09-11-2016
CDT



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Извиняюсь, первый раз с этими виртуальными редакторами http://codepen.io/anon/pen/LbpWMV

Всего записей: 163 | Зарегистр. 07-08-2008 | Отправлено: 14:27 09-11-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
CDT
поменяйте   max-width: ; на просто   width:; у блоков
(хотя бы у мелких)
 
либо у @рула max-width
просто дело в том что он приорететней, и когда в руле просто ширина то она перебивается макс-ом
(или типа того)
 
[добавлено]
и margin лучше тогда в % сделать, полтора или сколько там остаётся на 3 картинки... и больше на две картинки

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 14:53 09-11-2016 | Исправлено: HeT BonpocoB, 15:09 09-11-2016
CDT



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спасибо огромное за науку, первый раз слышу о таком приоритете. Интересная штука эта css)))

Всего записей: 163 | Зарегистр. 07-08-2008 | Отправлено: 16:41 09-11-2016 | Исправлено: CDT, 16:56 09-11-2016
vs6262



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

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 22:48 09-11-2016
Mavrikii

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

Цитата:
кто имеет код CSS такой, чтобы у DIV'a верх и низ были бы как красиво завернутый лист бумаги ?  

а точнее?

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 22:59 09-11-2016
Открыть новую тему     Написать ответ в эту тему

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