aaron
-
Posts
137 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by aaron
-
-
Подскажите, пожалуйста.
У меня трудность с таким макетом - itmages.ru/image/view/112...
Не могу сообразить, как правильно поступить с этой собакой, которая большая и наезжает на навигацию.
Пробовал разными способами, но вконец запутался.
Помогите разобраться. Мне нужно показать, как правильно создать html-каркас такого макета и как правильно разместить эту собаку.
-
Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
да, видел это строку про true-метод. заманчиво, но все же - это не решение вопроса.
а вот ссылочка - это кажется как раз то. если действительно будет тем, что нужно, то большое спасибо скажу! ))
-
-
Интересно. Эту книжку я только начал читать, но подзабросил на время.
Проверим. )
-
Такой вопрос.
На сегодняшний день занимаюсь практикой верстки. И столкнулся с такой проблемой. На psd-макете подключаются нестандартные платные шрифты. На профи-макетах таких шрифтов немного, на любительских - часто и густо.
И вот я начинаю каждый раз перерывать Инет в поисках этих платных шрифтов, которые есть на макете. Естественно, когда нахожу такие, а когда и нет.
Если честно, уже поднадоело такое занятие.
Может, существует такой инструмент, который может мне подобрать шрифт, который является аналогом платного шрифта? Типа того - я указываю ему искомый шрифт, а он мне предлагает бесплатную альтернативу, максимально приближенную по качеству.
-
да, согласен. )
-
А как соотносится Хеллуин и 404? Зачем на 404 странице вообще упоминание про Хеллуин?
Я понимаю, что сайт может быть и будет тематическим, про Хеллуин, но... странно как то желать счастливого Хеллуина, в начале мая, имхо.
С этими вопросами к дизайнерам TemplateMonster, please. :rofl:
Мне все равно, что у них там с фантазией. Моя задача грамотно сверстать то, что они наваяли. ))) А вот о качестве кода моего ни слова здесь не услышал. Значит - все нормально?
Уже не первый раз замечания ко мне по поводу дизайна встречаю. Господа - это не по адресу. Из меня всегда был художник никакой и я с самого детства трезво оценивал свои способности по этому поводу. )))
Может, кто не понял. Я верстаю для практики, а не под заказ, не под конкретный сайт. Нашел в Сети макетик бесплатный, понравилось, захотелось его сверстать и потренироваться - вот и верстаю. ))
Делаю это потому, что считаю - во фриланс идти нужно уже более-менее подготовленным. Чтобы уже уметь что-то, хотя бы несложные шаблоны, о нормально верстать.
-
<!DOCTYPE html> понимают все браузеры. А верстать под него Вы можете как хотите. Придерживаться строгого синтаксиса это дело профессиональной этики. Можете и с этим доктайпом писать <br/> валидацию всеравно пройдет.
вот за строгий синтаксис этот доктайп мне и нравиться. )
то, что доктайп html5 понимают все браузеры и верстать под ним можно, как угодно - это я знаю. но мне так не нравиться. просто считаю, что котлеты отдельно, мухи отдельно должны быть. ))
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR...D/xhtml11.dtd">
Почему использовали этот доктайп?
Нравиться. Очень строгий )).
Если серьезно, то считаю, что если использовать доктайп HTML5, то нужно и верстать под html5, с использованием его семантики и тегов.
А в этом стандарте еще не силен. Считаю, что сперва нужно в более старом научиться. Тем более, что HTML5 еще не вошел в силу по настоящему, насколько я знаю.
Вот поэтому.
-
Оцените качество верстки страницы 404.
Макет взят с TemplateMonster.
Сама страница - http://halloween.zencoder.ru/
Страничка несложная, конечно. Но хочется услышать отзывы, вдруг что не так? У меня опыта еще не так много, однако.
-
Уже нашел ответ на вопрос - http://www.justinmar...letter-spacing/
Это значок именно letter-spacing.
А вот line-height - это значок, который выше letter-spacing находится.
Буковка Т - это
horizontal scalar toolДля чего предназначена - догадываюсь. Буковки растягивать по горизонтали. Есть такой же -
vertical scalar toolПо вертикали растягивает.
- 1
-
Подскажите новичку.
Верстаю в качестве практики макет небольшой. Инструментом Текст выделил фрагмент текста на макете и открыл палитру Символ для подробного изучения параметров данного текста.
И там увидел такой параметр - 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{
background: url(bird.png) left 20% no-repeat #000; /*спозиционировать птичку где вам нужно*/
}?
да, верно. во wrapper его нужно было засунуть. как я не додумался до этого? все просто!
вопрос снят.
-
Подскажите.
Есть такой psd-оригинал - http://itmages.ru/im...008545/e461f274
И есть такой код (на footer обращать внимания не стоит - он еще не доработан) - http://jsfiddle.net/...tPCz8CJv/4gUbp/
Результат получается такой - http://itmag.es/4zOKi
Как мне исправить ситуацию, чтобы фоновое изображение не перекрывалось блоком header?
И еще есть вопрос по поводу применения p в блоке logo. Является ли это правильным решением? Может, более правильно будет заменить p на h1, с точки зрения SEO?
-
1.А где всеми любимый?
<link rel="shortcut icon" href="image/favicon%20(1).ico">это всего-лишь html-шаблон, но не шаблон под конкретный сайт или CMS.
-
Есть один недочет, который так и не смог решить - http://itmag.es/31vLs
С горизонтальными кончиками - вообще не знаю, что делать и как их убрать.
Зачем их убирать?
раз есть недочет (неопрятность), мне кажется, что нужно ее убрать. согласен, что на дизайн и верстку оно не влияет. хотя, если присмотреться, то видно еле заметное "срезание" шрифта в этих местах. если присмотреться, конечно.
В целом понравилось, хотелось бы видеть список браузеров в которых тестировалось и на которые нацелен шаблон (Ie7 -> footer, Ie8 -> about me колонка)
спасибо за отзыв, тем более - лестный.
на счет кроссбраузерности - шаблон не тестировался на этот предмет. так как первоначальная цель была - правильная верстка в "правильных" браузерах. по простому - хотя бы так сверстать правильно для начала. )))
а подскажите, в чем заключается проблема (хотя бы в двух словах) в этих местах шаблона для этих браузеров?
-
LiveReload
не работает, почему-то.
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
С горизонтальными кончиками - вообще не знаю, что делать и как их убрать.
-
Чувак-если хочешь,чтоб тебе помогли в следующий раз,используй нормальный сервис публикации кода
спасибо, уже помог
-
SelenIT провёл исчерпывающее расследование по этой теме, думаю после такой статьи вопросов вообще быть не должно
абсолютно согласен!
-
Это пробелы. Которые между тегами. См. ссылку выше.
Да, я прочитал уже эту статью. Очень интересно и великолепно написано. Больше всего понравился последний способ - своей простотой и универсальностью (почти универсальностью).
Но вот возник вопрос такой. На днях просмотрел видео по верстке, и столкнулся с таким -
Как насчет этого способа? Скажу сразу, что применительно к моему случаю его еще не пробовал.
-
Это точки от li
эти точки маркерами неупорядоченного списка называются.
их там нет, если что. я для этого списка аж два раза обнуление margin и padding сделал, а также сброс этих самых маркеров. код внимательно читать надо было. )))
-
Есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/tGXgA/
Не могу понять, откуда берется отступ внизу - http://itmag.es/3bxjB
По идее ведь это пустой блок, распорка. Почему он занимает какое-то пространство на шаблоне?
Selectivizr + :last-child - не работает в IE8
in JavaScript
Posted · Edited by aaron
Доброго времени суток всем.
Новичек в Javascript. Решил ознакомиться с утилитой Selectivizr. Создал для пробы такой код (на JSFiddle или CodePen не привожу, ибо не получилось у меня наглядно показать там пример кода):
В IE10 (я перевел его в режим работы IE8) утилита Selectivizr не отрабатывает псевдо-класс :last-child. Последний блок-картинка находится внизу, как и предполагается, когда псевдо-класс :last-child не понимается браузером.
Вот так - http://itmages.ru/im...289269/059dd2a6
Пробовал разные варианты подключения - без толку. В Инете не нашел точного ответа на этот вопрос (на том же StackOverflow).
Подскажите, в чем причина?