Z1gnet

ну как вариант всегда добавить скролл в модальное окно http://take.ms/ayugs

http://jsfiddle.net/q1p1abaj/1/ ну как-то так. возможно можно более оптимально сделать

я в таких случаях пользуюсь абсолютом. и не надо марджином тягать и все обтекает как надо

начиная с ие8. а зачем вам столько спанов? там всего 3 спана хватит

http://jsfiddle.net/gcuxgc71/1/

vertical-align: middle; в помощь

самым логичным казалось .product a{ vertical-align: bottom; } Но такой вариант не работает.

ну конечно не работает. ведь у div.product разная высота. подсветите фаербагом и увидите. ссылка и так будет в самом низу дива. самый лучший и логичный вариант в вашем случает это , как уже говорилось выше, задать высоту. А с помощью vertical-align вы можете разве что выровнять div.product относительно друг друга (вместе с картинкой и ссылкой). но что бы vertical-align начал работать нужно убрать float и поставить display: inline-block

1. http://take.ms/M0x0T

2. http://take.ms/sdIcW

3. http://take.ms/ZkVTL

4. нажимаем ctrl+n , а затем ctrl+v

все

? Я твоя не понимать

Быстрая и качественная верстка лендинга.

Размещение lending page на хостинге.

Пишите - обговорим детали.

ну это вопрос к дизайнеру. вот у меня на работе дизайнер частенько юзает стили бутстрапа (когда не выделяют много денег на дизайн). а вообще, все эти фреймворки в первую очередь подходят для случаев когда нету дизайна и нужно сделать более мнение красивый вид. часто в бэкенде используют.

скрин не открывается

Поясни что за хак?

ну к примеру родительскому блоку задать font-size: 0;

ох ё. ну тут вы все сделали уж очень сложно с блоком категорий. здесь можно вообще без js обойтись (на css3), ну на крайняк сильно его упростить. я бы сделал так http://codepen.io/Z1gnet/pen/wBvQmR . что бы не блымало когда много раз наводишь я поставил .stop()

ну а вообще мое мнение - если можно обойтись без джееса - то нужно делать без него.

по поводу логотипа Levis - я вообще не понимаю зачем вы делаете уголки отдельно - сделать одно пнг картинкой с прозрачным фоном и все

Всем доброго времени суток. Вопрос собственно такой, есть у меня основной сайт и блог написанный на ВП. урл получается такой site.com/blog. Но заказчику пришла гениальная идея, надо сделать так что бы по урлу site.com/blog мы видели список постов. А когда заходим в конкретный пост, то "blog" надо убирать, а оставлять только пермалинку самого поста. то есть вместо site.com/blog/my-post надо сделать site.com/my-post.

испробовал много способов, но так и не смог добиться нужного результата. буду очень признателен за помощь

тут два способа. есть медиа запрос:

@media print { /* Стиль для печати */}

тоесть можно покрывать все лишние блоки, по убирать фоны. тоесть оставить только нужную инфу для печати.

либо подключить отдельный css прописав ему media="print"

<link media="print" rel="stylesheet" href="print.css">

почему обе кнопки в отдельных div, а не в одном:

разницу видишь? http://take.ms/Gu10T

фреймворки типа бутстрапа облегчают эту задачу или усложняют?

это вопрос философский. хороша ложка к обеду. ну и конечно нужно уметь пользоваться инструментами, иначе от них толке мало будет.

бутстрап тебе облегчит жизнь если дизайн будет нарисован под бутстрап. под его элементы и сетку. но если у дизайна нет ничего общего с бутстрапом, но за заказчик где-то услышал что бутстрап крутая тема и обязательно его надо юзать - замучаешься. на выходе получится что ты весь бутрап перепидалишь.

вот бутсрап в первую очередь хорош для программистов которые в верстке практически не разбираются. вот сделать бэкенд на бутстрапе вполне хорошая идея.

мне показалось, что в бутстрапе нет точных инструментов для формирования сетки. получается этот фреймворк не годится для пиксель перфект? или я что то пропустил?

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

ну :before, :after не работает в версия до ие7 включтельно

вот способ с помощью джейквери http://codepen.io/Z1gnet/pen/IxFAJ

оберните каждую картинку и подпись в отдельный <div> и задайте ему display:inline-block;

типа так http://take.ms/2VMHr

это не просто правила хорошего тона. просто если вы все стили задали на <a> то зачем вам тогда список делать? это бессмысленно. а на <li> надо задавать потому что это дает вам больше маневров для полета. конечно если меню совсем простое, то особой разницы вы не заметите, но если будет что посложнее то тут вы все поймете. это придет с опытом.

ну так вы же не задали верхний отрицательный margin для footer - margin-top: -100px;

http://jsfiddle.net/mg1oqkmh/3/ здесь готовое решение. берите и пользуйтесь

дайте ссылку где футер не видно сразу

надо задать

section.content{box-sizing: border-box;}

также пофиксил вашу проблему с хедером http://jsfiddle.net/mg1oqkmh/3/

сузил ширину до 400рх для наглядности

Но в таком случае появляется горизонтальный скрол...

как вариант оберните весь сайт в div.wrapper и дайте ему overflow-x: hidden;

на сайте будет больше контента и дропдаун будет нормально отображаться. либо дополнительно прописать следующие стили:

html, body{height:100%;}.wrapper{min-height:100%}

самое простое - разверните подсказку в другую сторону (слева, снизу)

ну можно просто в <head> вставить небольшой скрипт

<script>if(screen.width <= '767'){document.write('<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">');}</script>

ну тут правда не учитывается какое устройство, только ширина экрана.

p.s. так и не понял чем вам мешает этот метатег при разрешении больше 768рх