aaron
-
Posts
137 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by aaron
-
Доброго времени суток всем. Новичек в Javascript. Решил ознакомиться с утилитой Selectivizr. Создал для пробы такой код (на JSFiddle или CodePen не привожу, ибо не получилось у меня наглядно показать там пример кода): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>selectivizr</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="javascripts/selectivizr.js"></script> <noscript><link rel="stylesheet" href="[fallback css]" /></noscript> <![endif]--> <link rel="stylesheet" type="text/css" href="stylesheets/screen.css"> </head> <body> <div class="box"> <img src="http://placehold.it/95/778899/000"> <img src="http://placehold.it/95/778899/000"> <img src="http://placehold.it/95/778899/000"> <img src="http://placehold.it/95/778899/000"> <img src="http://placehold.it/95/778899/000"> </div> </body> </html> /* line 2, ../sass/screen.scss */ .box { width: 495px; margin: 100px auto; overflow: hidden; } /* line 6, ../sass/screen.scss */ .box img { vertical-align: top; float: left; margin-right: 5px; } /* line 10, ../sass/screen.scss */ .box img:last-child { margin-right: 0; } В IE10 (я перевел его в режим работы IE8) утилита Selectivizr не отрабатывает псевдо-класс :last-child. Последний блок-картинка находится внизу, как и предполагается, когда псевдо-класс :last-child не понимается браузером. Вот так - http://itmages.ru/im...289269/059dd2a6 Пробовал разные варианты подключения - без толку. В Инете не нашел точного ответа на этот вопрос (на том же StackOverflow). Подскажите, в чем причина?
-
Подскажите, пожалуйста. У меня трудность с таким макетом - itmages.ru/image/view/112... Не могу сообразить, как правильно поступить с этой собакой, которая большая и наезжает на навигацию. Пробовал разными способами, но вконец запутался. Помогите разобраться. Мне нужно показать, как правильно создать html-каркас такого макета и как правильно разместить эту собаку.
-
Ссылка да, видел это строку про true-метод. заманчиво, но все же - это не решение вопроса. а вот ссылочка - это кажется как раз то. если действительно будет тем, что нужно, то большое спасибо скажу! ))
-
кажется, нашел решение - http://habrahabr.ru/post/61033/ P.S А, это не то... ((( Аналог @font-face
-
Интересно. Эту книжку я только начал читать, но подзабросил на время. Проверим. )
-
Такой вопрос. На сегодняшний день занимаюсь практикой верстки. И столкнулся с такой проблемой. На psd-макете подключаются нестандартные платные шрифты. На профи-макетах таких шрифтов немного, на любительских - часто и густо. И вот я начинаю каждый раз перерывать Инет в поисках этих платных шрифтов, которые есть на макете. Естественно, когда нахожу такие, а когда и нет. Если честно, уже поднадоело такое занятие. Может, существует такой инструмент, который может мне подобрать шрифт, который является аналогом платного шрифта? Типа того - я указываю ему искомый шрифт, а он мне предлагает бесплатную альтернативу, максимально приближенную по качеству.
-
да, согласен. )
-
С этими вопросами к дизайнерам TemplateMonster, please. :rofl: Мне все равно, что у них там с фантазией. Моя задача грамотно сверстать то, что они наваяли. ))) А вот о качестве кода моего ни слова здесь не услышал. Значит - все нормально? Уже не первый раз замечания ко мне по поводу дизайна встречаю. Господа - это не по адресу. Из меня всегда был художник никакой и я с самого детства трезво оценивал свои способности по этому поводу. ))) Может, кто не понял. Я верстаю для практики, а не под заказ, не под конкретный сайт. Нашел в Сети макетик бесплатный, понравилось, захотелось его сверстать и потренироваться - вот и верстаю. )) Делаю это потому, что считаю - во фриланс идти нужно уже более-менее подготовленным. Чтобы уже уметь что-то, хотя бы несложные шаблоны, о нормально верстать.
-
вот за строгий синтаксис этот доктайп мне и нравиться. ) то, что доктайп html5 понимают все браузеры и верстать под ним можно, как угодно - это я знаю. но мне так не нравиться. просто считаю, что котлеты отдельно, мухи отдельно должны быть. ))
-
Нравиться. Очень строгий )). Если серьезно, то считаю, что если использовать доктайп HTML5, то нужно и верстать под html5, с использованием его семантики и тегов. А в этом стандарте еще не силен. Считаю, что сперва нужно в более старом научиться. Тем более, что HTML5 еще не вошел в силу по настоящему, насколько я знаю. Вот поэтому.
-
Оцените качество верстки страницы 404. Макет взят с TemplateMonster. Сама страница - http://halloween.zencoder.ru/ Страничка несложная, конечно. Но хочется услышать отзывы, вдруг что не так? У меня опыта еще не так много, однако.
-
Уже нашел ответ на вопрос - http://www.justinmar...letter-spacing/ Это значок именно letter-spacing. А вот line-height - это значок, который выше letter-spacing находится. Буковка Т - это Для чего предназначена - догадываюсь. Буковки растягивать по горизонтали. Есть такой же - По вертикали растягивает.
-
Подскажите новичку. Верстаю в качестве практики макет небольшой. Инструментом Текст выделил фрагмент текста на макете и открыл палитру Символ для подробного изучения параметров данного текста. И там увидел такой параметр - http://itmag.es/2XBy0 Я так понимаю, что это тоже самое, что letter-spacing на CSS? Или это word-spacing? Что означает значение этого параметра: -25? Логично предположить, что знак минус означает - "ужимать" текст. Но насколько мне это нужно сделать в CSS? -25px, -2.5em? Буковка T с обоюдной стрелочкой - это line-height?
-
Прошу оценить верстку шаблона-визитки. Что не так сделал и что можно сделать. Сам шаблон - http://parrot.zencoder.ru/ P.S. Рано радовался. В Firefox v.20 - все ОК. А вот в Google Chrome v.26 - вот такой косяк - http://itmag.es/10JS4 Почему, подскажите. И кстати, научите, какими true-инструментами пользоваться для проверки кроссбраузерности шаблона.
-
да, верно. во wrapper его нужно было засунуть. как я не додумался до этого? все просто! вопрос снят.
-
Подскажите. Есть такой psd-оригинал - http://itmages.ru/im...008545/e461f274 И есть такой код (на footer обращать внимания не стоит - он еще не доработан) - http://jsfiddle.net/...tPCz8CJv/4gUbp/ Результат получается такой - http://itmag.es/4zOKi Как мне исправить ситуацию, чтобы фоновое изображение не перекрывалось блоком header? И еще есть вопрос по поводу применения p в блоке logo. Является ли это правильным решением? Может, более правильно будет заменить p на h1, с точки зрения SEO?
-
это всего-лишь html-шаблон, но не шаблон под конкретный сайт или CMS.
-
Зачем их убирать? раз есть недочет (неопрятность), мне кажется, что нужно ее убрать. согласен, что на дизайн и верстку оно не влияет. хотя, если присмотреться, то видно еле заметное "срезание" шрифта в этих местах. если присмотреться, конечно. спасибо за отзыв, тем более - лестный. на счет кроссбраузерности - шаблон не тестировался на этот предмет. так как первоначальная цель была - правильная верстка в "правильных" браузерах. по простому - хотя бы так сверстать правильно для начала. ))) а подскажите, в чем заключается проблема (хотя бы в двух словах) в этих местах шаблона для этих браузеров?
-
не работает, почему-то. Firefox 20.0.1 не, все работает и очень удобно. Невнимательно читал - "This extension is deprecated." Нужно по ссылке идти на дом. страницу - http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions-
-
Есть верстка - http://angela.zencoder.ru/index.html Прошу оценить качество. Указать на ошибки, недочеты. Как можно сделать лучше. Критика не просто приветствуется, а нужна как воздух! Главное - чтобы по теме была. Шаблон совсем простой, но выбран мною специально. Можно сказать, это мой первый шаблон, сверстанный самостоятельно и до конца. Есть один недочет, который так и не смог решить - http://itmag.es/31vLs С горизонтальными кончиками - вообще не знаю, что делать и как их убрать.
-
спасибо, уже помог
-
абсолютно согласен!
-
Да, я прочитал уже эту статью. Очень интересно и великолепно написано. Больше всего понравился последний способ - своей простотой и универсальностью (почти универсальностью). Но вот возник вопрос такой. На днях просмотрел видео по верстке, и столкнулся с таким - Как насчет этого способа? Скажу сразу, что применительно к моему случаю его еще не пробовал.
-
эти точки маркерами неупорядоченного списка называются. их там нет, если что. я для этого списка аж два раза обнуление margin и padding сделал, а также сброс этих самых маркеров. код внимательно читать надо было. )))
-
Есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/tGXgA/ Не могу понять, откуда берется отступ внизу - http://itmag.es/3bxjB По идее ведь это пустой блок, распорка. Почему он занимает какое-то пространство на шаблоне?
