Zverushka

http://web.archive.o...://divhack.com/ Вот отличный был сайт, потом почему-то эти шаблоны исчезли. Лучше для новичка не найти. делай сразу 2 версии - фикс и резину.

Да отступы текста не от сглаживания в фотошопе зависят. В общем эти отступы тебе никак не измерить и не узнать, чтобы узнать, какой маргин или паддинг надо в хтмл прописать. Сейчас склоняюсь к мнению, что нужно до высоты верхней буквы мерять и отнимать 1-3-5 (зависит от рамзера текста) пикселей для винды. Это при высоте линии 1. В блятской макс осе и подобных девайса - вообще не надо отнимать. И при этом у каждого шрифта все эти отступы и пиксели разные.

Тогда вот так наверное пойдет? сразу как-то недостатков найти не могу. http://jsfiddle.net/XZ8Kw/11/ Только можно ли быть уверенными, что леттер-спейсинг будет весь одинаково работать с инлайн-блоками? Потому как указывать его проще.

@sigma77, если в 2 -3 ряда идут блоки, то они уже неровно стоят)...

По ходу никак. Делала правки - не помогло. http://stackoverflow...t-glyphs-in-box Вот пост на эту тему. Сделала высоту линии 1 без отступов, так в вебките в симуляторе у самого края верха, а в мозилле на 5 пикселей ниже. ( Они по идее подгружаемые - их нельзя как-то в генераторе подредактировать, подправить высоту кегеля или в таком духе?

Как хорошо, вздохнула спокойно)... А то лезть в готовый сайт, че-то править так лень... Вечно с этими шрифтами проблемы.

Монокульты? А что ты используешь для выравнивания блоков из списков?

Нужно подключать через font-face? И где его взять? все заблочено.

Это не имеет смысла. С чем можно поиграться, так это с вертикальными отступами.

Только что столкнулась с проблемой у заказчика, делала счетчик с инлайн блоками и поставила им ворд-спейсинг. так счетчик на 50 пикселей за экран на мобиле убегал (при чем только на его, на браузершотс какую виртуалку не грузила - все нормально было однако). Изменила на letter-spacing и все встало на место. В общем word-spacing лучше не использовать.

Тогда у него сразу интерес верстать пропадет

УЛ немного поднят как в макете, чтобы была 100% схожесть с макетом (в винде выглядит центрировано). Сегодня опробую ваши советы и сообщу результат.

Padding-top в процентах? Ну вот там 3 картинки, должны всегда выглядеть квадртно, при этом область сужается - ширина сужается, высота их должна тут же сузится также - как реализуешь?) Я реализовала)... просто это не стандартная задача.

Не 10ки кбайт, а 2,5 кбайта кода. Всегда прикручено по умолчанию).... Вставь вместо мелких изображений base64 код - вообще летать начнет, небось .

Да градиенты ерунда... колор пикером два цвета пикнуть и вот готовый градиент... А макет кстати достаточно интересный в плане масштабируемой высоты элементов, попробуй сделать, чтобы они всегда выглядели квадратиками при адаптируемой ширине.

Да я понять не могу, вроде лучше, но иногда сомнения. А вопрос сейчас остался по вертикальному выравниванию ... Может я как-то код нестандартно сделала, что он криво отображается?

В тех респонсивах прикол в бутстрапе видимо - типа адаптируйте, оно адаптируемое). Я вот этот верстала http://www.blazrobar.com/2013/free-psd-files-and-ui-kits/responsive-psd-template/ В принципе для практики самое то и верстать много не надо.

Мне кажется эта скорость загрузки прежде всего базируется на скорости генерации страницы и ответов от серверов, а это прежде всего не размер одной картинки (при огромной ширине канала поисковых машин гугла), а скорее здесь влияет множество мелких картинок, отдельных файлов, скачивание которых вызывает отдельные соединения с сервером. Кстати смотри, моя верстка твою по загрузке обгоняет) Но у меня и скриптов меньше (я тогда не знала, что такое лайтбокс) , хз в общем)... http://developers.go....zz.mu/ruletka/ http://developers.go...etka/index.html

Наткнулась на очень интересную инфу http://www.cs.tut.fi...a/x-height.html Используя ее я так понимаю можно создать програмку (н-р онлайн), вычисляющие отступы.

Большое спасибо за помощь и подсказки. Вроде стало нормально после "фикса"? Только что делать с высотой линии? Меня коробит, что на всех мобильниках по сути криво выглядит. Получается эту заглушку нужно в каждую свою верстку вставлять, хуже не будет? А то такой непредсказуемый результат вышел... Хотелось бы избежать этого в дальнейшем.

Починилось само. Техподдержка 2 раза говорила "мы ничего не меняли" и тут же закрывала тикет (и это у платного хостинга). Видимо проблема все же была у них. Ну и хамло же они!

Так что на счет счетчика из спрайта?) Есть ли готовые скрипты для анимации из слепленной картинки?) Или может можно приделать спрайт к любому счетчику? На каждом тике например прилепить свою функцию?....

Как раз js я почти не знаю (да и это достаточно сложно, почти все нужные функции не кроссбраузерные), мне проблема даже массив данных создать. Все на jquery делаю.

Попробуй вот этот конвертер http://everythingfonts.com/font-face#.UmAnRFDIb3S

Какой jpg) Вставляй Png - у меня вот 300 кб не превышает. И его все равно надо растягивать, чтобы перехода не было видно, если я не памятую.