Вопрос верстальщикам и просто знающим
Создана: 06 Сентября 2011 Втр 1:29:38.
Раздел: "Веб-строительство и интернет-проекты"
Сообщений в теме: 6, просмотров: 2841
-
Никогда не задумывался об отступах между элементами серьезно. Ну, конечно, margin от padding отличал, но вот недавно столкнулся с тем, что необходимо было перевести шаблон из PSD html\css с точностью до пикселя. "Раньше я делал как:" (с) Федор Лошадкин) - открываешь шаблон в фотошопе и выделяешь, к примеру, от верхней границы начертания символа (глифа) до нижней границы верхнего блока (каламбур, но см. рис.). На рисунке это зеленая линия (вроде по-умному это называется верхняя линия шрифта). Затем смотришь высоту выделения и вбиваешь ее в отступ. Браузеры же думают иначе (и логичнее), и любой текст обрамляется рамкой, откуда они и начинают высчитывать отступы (синия стрелка).
В связи с этим вопрос - как с минимальными мучениями вычислять подобные отступы, ведь для каждого кегля такое расстояние (между красными стрелками) будет разным.
Ну и напоследок вопрос - как в фотошопе сделать выделение текста цветом (как, например, в Ворде - выделяешь цветом и сразу понятно, где идет верхняя рамка. Так можно в принципе быстро вычислить отступ - выделил цветом и посчитал)
Вот как-то так. -
Используют линейки, которые измеряют пиксели, их в интернете очень много.
В фотошопе (если не ошибаюсь и правильно тебя понял), выделяешь слой с текстом(два раза кликаешь по нему) потом ctrl+a и будут видны рамки у текста. Есть ещё стили (css) которые задают границы отступа у текста(это можешь прочесть на сайте htmlbook). -
Вспомни про line-height .
Он устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически. Отрицательное значение межстрочного расстояния не допускается.).
Может поможет. -
emitsun писал : Вспомни про line-height .
Он устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически. Отрицательное значение межстрочного расстояния не допускается.).
Может поможет.
Про line-height помнил, но не совсем то.
Про выделение текста это понятно. Только как сохранить это самое выделение после клика на другой области в фотошопе.
Придется делать методом Подборского :) -
-