Jump to content

Igor Schnaider

Expert
 View Profile  See their activity

  • Posts

    825

  • Joined

  • Days Won

    81

 Content Type 

Everything posted by Igor Schnaider

  1. Igor Schnaider
    Вам так надо? http://codepen.io/anon/pen/XmGPmX?editors=110
  2. Igor Schnaider
    Попробуйте для .container_24 nav_container: position: relative;z-index: 10;
  3. Igor Schnaider
    Адаптивная верстка - это, грубо говоря, про адаптацию внешнего вида сайта под ширину браузера. Недавно статья на css-trick вышла как раз про адаптивную и отзывчивую верстку. Почитайте, если интересно. По поводу того, кто чем должен заниматься: мне кажется, этим всем, что вы перечислили, как раз и должен заниматься технолог (фронтэндщик, как угодно назовите).
  4. Igor Schnaider
    Абсолютное позиционирование без указания смещения просто вынимает элемент из потока, но оставляет его на прежнем месте. И поля не схлапываются с другими, поэтому иногда может чуть съехать. В общем, читайте спецификацию, там все есть.
  5. Igor Schnaider
    Вот, набросала схематически, что надо: http://savepic.su/6499367.png Блин, ну если вы хотите делать именно фоном и чтобы он был 100% по ширине и не обрезался снизу, вам на блоке надо соблюдать пропорции ширина/высота, как у картинки (в данном случае 1109/668). Попробуйте так.
  6. Igor Schnaider
    В смысле, вам надо, чтобы фон по высоте во вьюпорт помещался?
  7. Igor Schnaider
    Вы про дизайн задаете вопрос что ли? Честно говоря, вообще не понятно, что вы хотите :-) Посмотрите, например, как сверстана эта страница. Может поможет.
  8. Igor Schnaider
    Если исходить из того, что это просто визуальное оформление, то можно забить на поддержку браузеров и делать тень через filter: /* instead box-shadow */.form-param-color__mark { filter: drop-shadow(0 1px 4px rgba(24, 80, 120, .6));}
  9. Igor Schnaider
    Нужно float'ы очистить: .figure:after { content: ''; display: table; clear: both;}По поводу равной высоты, то тут нужно из ситуации исходить (просто решений для таких случаев много). Можно, например, по-простому: .figure { position: relative;}.text { position: absolute; top: 10px; bottom: 10px;}
  10. Igor Schnaider
    Как уже сказали, это поля параграфа. По поводу выранивания: http://codepen.io/anon/pen/jbdXVO
  11. Igor Schnaider
    В IE косяк с этим. Делайте не через псевдоэлемент.
  12. Igor Schnaider
    В данном конкретном примере лучше через JS вообще классы менять, а не CSS.
  13. Igor Schnaider
    А можно еще так http://codepen.io/anon/pen/bVzqMd?editors=110
  14. Igor Schnaider
    Shopping Bag и длинный заголовок (link). Может, лучше, чтобы так было.
  15. Igor Schnaider
    Например, так. Способов центрировать элемент много.
  16. Igor Schnaider
    Такие штуки лучше с помощью SVG делать. Но можно на CSS попробовать. Вот отличная статья про всякие такие диаграммы. Ну и я быстро набросал ваш пример с помощью одного из методов: http://codepen.io/anon/pen/ojJRVb?editors=110
  17. Igor Schnaider
    Наверное, лучше вытащить меню из обертки: http://codepen.io/anon/pen/xwmMge А можно поизвращаться ) http://codepen.io/anon/pen/dYwavy
  18. Igor Schnaider
    Если правильно понял: http://codepen.io/anon/pen/rOoroL?editors=010
  19. Igor Schnaider
    Проще будет дать ссылку и фаербагом посмотреть - в хедере блок с меню и поиском. Правый блок не влазит. Ссылка Местами поменяйте: сначала .right_menu_wrap, потом .search_box
  20. Igor Schnaider
    А, то есть он динамически меняется. Тогда, если вариант с таблицами не подходит (или flexbox), нужен именно JS, можно попробовать периодически отслеживать размер (setInterval). А если вы контролируете сам процесс изменения размера правого блока, тогда на него и вешайте обработчик. Но лучше, конечно, таблицами/флэксами сделать.
  21. Igor Schnaider
    Спасибо, но это выполнение кода при изменении окна браузера, а мне нужно при изменении ширины правого блока Вы в первом сообщении написали просто Тогда не совсем понятно, что вы хотите.
  22. Igor Schnaider
    $(window).resize(function() { // your code here });
  23. Igor Schnaider
    if (true) { ... } -- всегда выполняться будет. Видимо, здесь ошибка какая-то.
  24. Igor Schnaider
    Ну тогда можно было просто написать так for (var i = 0; i < 1000; i++){ a++; b++;}
  25. Igor Schnaider
    Через фон можно - background-size: cover
×
×
  • 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

  I accept