Jump to content

DragorWW

Newbie
  • Posts

    15
  • Joined

  • Last visited

Everything posted by DragorWW

  1. Только я бы делал через :before http://jsfiddle.net/shqd3/1/
  2. Потому что float: left; Почитай про это свойство подробнее на сайте, про понятие потока. а что бы решить проблему используй clear или .clearfix
  3. не используешь нормалайз или ресетмежду Company Name и Hair & Urban Spa ненужен br, да и вообще я не вижу смысла вставлять их display: block, display:inline-block, так же br у телефона в шапкеховеров нету, не смотрел макет, хотя думаю что и их там то же нету.<div class="traingle"></div> можно через :before вставлятьнеобычно название для враппера .allраз уж есть footer и header то и другие html5 теги можно было использовать например для .article
  4. Я не ставил минус, но очень волнует меня вот эта цитата. Насколько я понял, все сайтостроение сейчас идет с float-ом, если это не так, то значит я до сих пор ничего не понял. что на локальных файла что в http://jsfiddle.net/DragorWW/9GYGv/ всё работает как надо. И скорее всего это некорректное поведение связанно с переопределением float чем то. Вообще если сможешь на jsfiddle залить пример который не работает, то мы сможем тебе помочь. и да float по факту не сильно то и нужен меня спасают inline-block и table-cell ну и да ещё clearfix.
  5. Если на чистом js то вот так можно: http://jsfiddle.net/DragorWW/zn23H/ (forEach можно на for заменить если нужно будет для поддержки старых ie) или вот вариант на jquery http://jsfiddle.net/DragorWW/wHYQ9/
  6. у шрифтовых иконок много проблема, мы не можем точно контролировать позицию, а так же может быть что в некоторых браузерах будет каша вместо иконки
  7. Да я понимаю, что я не доделал...Но я сделал все, что было в моих силах,хотелось бы увидеть ссылки на какие нибудь ресурсы(книги,курсы) которые помогут мне исправить все мои ошибки и улучшить верстку не используй br для отступов, у тебя br в вёрстке зависят от размера шрифта, это всё вводит хаус, лучше пропиши padding, margin 2) шапка, зачем ты её забил в список ? в этом нет нужды, при этом используешь флоат используй clearfix 3) меню зачем ты все элементы вставил одной картинкой, советую сначала посмотреть как свёрстаны похожие сайты, там и подчепнёшь как надо
  8. Ответ на первый вопрос https://gist.github.com/DragorWW/8536946 либо вообще без href, либо можно использовать не тег ссылки, а div
  9. Ну тут на самом деле варианта у нас 3 как можно такое реализовать, и всё зависит собственно где мы это используемым Вариант первый: JS - http://fittextjs.com/ - http://simplefocus.com/flowtype/ Вариант второй: CSS media query @media only screen and (max-width: 320px) { body { font-size: 2em; }}@media only screen and (max-width: 640px) { body { font-size: 4em; }}@media only screen and (max-width: 720px) { body { font-size: 6em; }}но в этом варианте, нет той плавности переходов. Есть ещё третий вариант с использованием единиц измерений типf vw и vh вот демо: http://css-tricks.com/examples/ViewportTypography/
  10. И потом растягивать на всю ширину cover? почему, нет. нам нужны 3 картинки, верхняя тень, она будет тайлица. + ещё 2 тени через position: absolute: left: 0; и right: 0; и не нужно нечего тянуть
  11. Ну на самом деле в этих тенях в макете не сильно видно логики, я бы их наложил поверх фона через PNG/24
  12. Ну честное слово, вам с таким оформление ни кто не сможет помочь.
  13. советую делать через table-cell, вот пример http://jsfiddle.net/DragorWW/sHSvb/
  14. DragorWW

    Формы

    http://jsfiddle.net/Z24K2/2/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy