При этом в photoshop все хорошо. Но, если задать такие же параметры тексту, то верхний отступ выйдет больше чем 10px (он будет равен 10 в случае line-height: 14px;)
Я не прав?
Если вы знаете кухню со всех сторон, то к вам вопрос: как правильно замерять расстояние от блока до текста, что б правильно учесть line-height и отступ. Вот вы тут пример привели с 36+6 = 40px. Это можно измерит прямо в photoshop, например?
А вы часто верстаете сайты у которых размеры блоков «красивые»? Если да — то я вам завидую. К размерам 297px, 532px и т.д. я уже начал относиться философски. В мыслях у меня мелькает вопрос WTF?, но я сдерживаю себя.
Кстати, раз уж заговорили… Меня всегда интересовал вопрос: а как другие измеряют отступы от текста. Я объясню.
Например, есть блок, внутри него текст. Верхний отступ по макету 10px (между краем блока и началом текста). Но, в этот отступ входит частично line-height? И 10px в фотошопе не тождественны размеру в верстке. Или это я нуб? И это вовсе не проблема?
а когда дизайнер просит пиксель-в-пиксель можно смело требовать объяснения почему тут надо именно такие размеры. Ответ «я так решил» не подходит.
Вот этого совсем не понял. А чем «я так решил» не устраивает? Если дизайнер нарисовал колонку шириной 300px — то что тут нужно доказывать и требовать от дизайнера?
Это были не внутренние макеты, так что задать вопрос было некому.
А вообще, мы как-то для наших дизайнеров делали что-то типа семинара или доклада на тему «как из картинки в фотошопе получается сайт». Без углубления в технические детали. И мы как раз преследовали целью найти взаимопонимание. После я ждал алаверды, но увы.
Ну, вот тут говорят о производительности. В общем-то о ней и я в первую очередь задумался. Но сейчас уже не уверен что быстрее. Опять таки зависит, наверное. и от количества перечислений. В общем, интересно было бы взглянуть на тесты.
Меня зачастую останавливает от использования em проблематичность сброса font-size: 0; для родителя inline-block элементов.
Я знаю, что есть альтернативы, но как-то привык к такому шаблону.
Например, вот так
Предположим, верхний отступ 10px, line-height: 45px; font-size: 14px;
Ссылка на картинку: www.flickr.com/photos/90425570@N04/8215054514/
При этом в photoshop все хорошо. Но, если задать такие же параметры тексту, то верхний отступ выйдет больше чем 10px (он будет равен 10 в случае line-height: 14px;)
Я не прав?
Кстати, раз уж заговорили… Меня всегда интересовал вопрос: а как другие измеряют отступы от текста. Я объясню.
Например, есть блок, внутри него текст. Верхний отступ по макету 10px (между краем блока и началом текста). Но, в этот отступ входит частично line-height? И 10px в фотошопе не тождественны размеру в верстке. Или это я нуб? И это вовсе не проблема?
Вот этого совсем не понял. А чем «я так решил» не устраивает? Если дизайнер нарисовал колонку шириной 300px — то что тут нужно доказывать и требовать от дизайнера?
А вообще, мы как-то для наших дизайнеров делали что-то типа семинара или доклада на тему «как из картинки в фотошопе получается сайт». Без углубления в технические детали. И мы как раз преследовали целью найти взаимопонимание. После я ждал алаверды, но увы.
И очень не нравится когда в композиции слоев сносят все макеты и от этого файл начинает весить 150-200мб и мой бедненький ноут не справляется.
Вот это меня как раз и смущало.
Но можно конечно изловчиться указывая прямого наследника ">" но это и для li сработает
Я знаю, что есть альтернативы, но как-то привык к такому шаблону.