Jump to content

Z1gnet

User
  • Posts

    304
  • Joined

  • Last visited

  • Days Won

    9

Everything posted by Z1gnet

  1. ну как вариант всегда добавить скролл в модальное окно http://take.ms/ayugs
  2. http://jsfiddle.net/q1p1abaj/1/ ну как-то так. возможно можно более оптимально сделать
  3. я в таких случаях пользуюсь абсолютом. и не надо марджином тягать и все обтекает как надо
  4. начиная с ие8. а зачем вам столько спанов? там всего 3 спана хватит
  5. http://jsfiddle.net/gcuxgc71/1/ vertical-align: middle; в помощь
  6. ну конечно не работает. ведь у div.product разная высота. подсветите фаербагом и увидите. ссылка и так будет в самом низу дива. самый лучший и логичный вариант в вашем случает это , как уже говорилось выше, задать высоту. А с помощью vertical-align вы можете разве что выровнять div.product относительно друг друга (вместе с картинкой и ссылкой). но что бы vertical-align начал работать нужно убрать float и поставить display: inline-block
  7. 1. http://take.ms/M0x0T 2. http://take.ms/sdIcW 3. http://take.ms/ZkVTL 4. нажимаем ctrl+n , а затем ctrl+v все
  8. Быстрая и качественная верстка лендинга. Размещение lending page на хостинге. Пишите - обговорим детали.
  9. ну это вопрос к дизайнеру. вот у меня на работе дизайнер частенько юзает стили бутстрапа (когда не выделяют много денег на дизайн). а вообще, все эти фреймворки в первую очередь подходят для случаев когда нету дизайна и нужно сделать более мнение красивый вид. часто в бэкенде используют.
  10. скрин не открывается
  11. ну к примеру родительскому блоку задать font-size: 0;
  12. ох ё. ну тут вы все сделали уж очень сложно с блоком категорий. здесь можно вообще без js обойтись (на css3), ну на крайняк сильно его упростить. я бы сделал так http://codepen.io/Z1gnet/pen/wBvQmR . что бы не блымало когда много раз наводишь я поставил .stop() ну а вообще мое мнение - если можно обойтись без джееса - то нужно делать без него. по поводу логотипа Levis - я вообще не понимаю зачем вы делаете уголки отдельно - сделать одно пнг картинкой с прозрачным фоном и все
  13. Z1gnet

    custom url

    Всем доброго времени суток. Вопрос собственно такой, есть у меня основной сайт и блог написанный на ВП. урл получается такой site.com/blog. Но заказчику пришла гениальная идея, надо сделать так что бы по урлу site.com/blog мы видели список постов. А когда заходим в конкретный пост, то "blog" надо убирать, а оставлять только пермалинку самого поста. то есть вместо site.com/blog/my-post надо сделать site.com/my-post. испробовал много способов, но так и не смог добиться нужного результата. буду очень признателен за помощь
  14. тут два способа. есть медиа запрос: @media print { /* Стиль для печати */}тоесть можно покрывать все лишние блоки, по убирать фоны. тоесть оставить только нужную инфу для печати. либо подключить отдельный css прописав ему media="print" <link media="print" rel="stylesheet" href="print.css">
  15. разницу видишь? http://take.ms/Gu10T это вопрос философский. хороша ложка к обеду. ну и конечно нужно уметь пользоваться инструментами, иначе от них толке мало будет. бутстрап тебе облегчит жизнь если дизайн будет нарисован под бутстрап. под его элементы и сетку. но если у дизайна нет ничего общего с бутстрапом, но за заказчик где-то услышал что бутстрап крутая тема и обязательно его надо юзать - замучаешься. на выходе получится что ты весь бутрап перепидалишь. вот бутсрап в первую очередь хорош для программистов которые в верстке практически не разбираются. вот сделать бэкенд на бутстрапе вполне хорошая идея. да, тут все в процентах. пиксель перфект у тебя не получится. разве что дизайнер возьмет оригинальные элементы бустрапа. у меня в конторе дизайнер прям с сайт бутстрапа делал скрины и получалось почти пиксель перфект.
  16. ну :before, :after не работает в версия до ие7 включтельно
  17. вот способ с помощью джейквери http://codepen.io/Z1gnet/pen/IxFAJ
  18. оберните каждую картинку и подпись в отдельный <div> и задайте ему display:inline-block; типа так http://take.ms/2VMHr
  19. это не просто правила хорошего тона. просто если вы все стили задали на <a> то зачем вам тогда список делать? это бессмысленно. а на <li> надо задавать потому что это дает вам больше маневров для полета. конечно если меню совсем простое, то особой разницы вы не заметите, но если будет что посложнее то тут вы все поймете. это придет с опытом.
  20. ну так вы же не задали верхний отрицательный margin для footer - margin-top: -100px; http://jsfiddle.net/mg1oqkmh/3/ здесь готовое решение. берите и пользуйтесь
  21. дайте ссылку где футер не видно сразу
  22. надо задать section.content{box-sizing: border-box;}также пофиксил вашу проблему с хедером http://jsfiddle.net/mg1oqkmh/3/ сузил ширину до 400рх для наглядности
  23. как вариант оберните весь сайт в div.wrapper и дайте ему overflow-x: hidden; на сайте будет больше контента и дропдаун будет нормально отображаться. либо дополнительно прописать следующие стили: html, body{height:100%;}.wrapper{min-height:100%}
  24. самое простое - разверните подсказку в другую сторону (слева, снизу)
  25. ну можно просто в <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рх
×
×
  • 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