Nikita_Barinov

Newbie
  • Content count

    9
  • Joined

  • Last visited

Community Reputation

0 Обычная

About Nikita_Barinov

  • Rank
    Новичок
  1. Nikita_Barinov

    Меняем класс у элемента

    Во! Спасибо, заработало!
  2. Ребят, приветствую! Реализовал задачу на js, чтоб, при клике по элементу, менялся его класс: $('.categories-show-in').click(function() { $('.categories-show-in').attr('class', 'categories-show-out');});$('.categories-show-out').click(function() { $('.categories-show-out').attr('class', 'categories-show-in');});При первом клике, да, класс у элемента меняется на categories-show-out, но при последующих кликах класс у элемента не меняется. Помогите решить проблему. P.S. Мне нужно, чтоб класс был заменен, а не дописан
  3. Nikita_Barinov

    Проблемы с flex в Safari

    Safari 8.0.7 на OS X 10.10.4 Хех, спасибо! Убрал float'ы и все заработало!
  4. Nikita_Barinov

    Проблемы с flex в Safari

    Safari 8.0.7 на OS X 10.10.4
  5. Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title> <link href="engine/templates/nn/tmp/css/style.css" rel="stylesheet"> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="engine/templates/nn/tmp/js/hint.js"></script> <script type="text/javascript"> if (!('flexWrap' in document.createElement('div').style)) { document.documentElement.className += ' no-flex'; } </script></head><body><div onclick="show('none')" id="wrap"></div><div id="wrapper"> <div id="left">{left}</div> <div id="main">{main}</div> <div id="right">{right}</div></div><footer> <div class="footer_content"> {footer} </div></footer></body></html>Вот CSS: #wrapper { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; margin: 75px auto 16px; width: 1120px; background-color: #fff; border-radius: 5px; overflow: hidden;}.no-flex #wrapper { display: table; width: 100%; max-width: 1122px;}.no-flex #left,.no-flex #right,.no-flex #main { display: table-cell; vertical-align: top;}#left { width: 235px; float: left;}#right { width: 285px; background-color: #f6f9fa; float: right; flex-shrink: 0;}#main { width: 420px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); float: left; padding: 50px 90px; position: relative;}Буду благодарен за любую помощь!
  6. Nikita_Barinov

    Резиновый блок

    Да-да-да, до меня уже дошло. Спасибо!
  7. Nikita_Barinov

    Резиновый блок

    Не то А это то, но теперь проблемка. Вот смотрите, у меня до применения вашего метода, скажем так, была тень у блока main в двух сторон, как я и хотел. Но и html был таков: <div id="wrapper"> <div id="left">{left}</div> <div id="right">{right}</div> <div id="main">{main}</div></div>С предложенными вами стилями с CSS такая ситуация: #wrapper { display: flex; flex-flow: row nowrap; margin: 75px auto; width: 1120px; background-color: #fff; border-radius: 5px; overflow: hidden;}.no-flex #wrapper { display: table; width: 100%;}.no-flex #left,.no-flex #right,.no-flex #main { display: table-cell; vertical-align: top;}#left { width: 235px; float: left; flex-shrink: 0;}#right { width: 285px; background-color: #f6f9fa; float: right; flex-shrink: 0;}С HTML так: <div id="wrapper"> <div id="left">{left}</div> <div id="main">{main}</div> <div id="right">{right}</div></div>И в итоге я получаю вот такую картину: Справа у блока main нет тени почему то, а с блоком right и left все прекрасно, их высота максимальна, скажем так
  8. Nikita_Barinov

    Резиновый блок

    Смотри, у wrapper будет максимальная высота. Мне нужно, чтобы блок right принимал такаю же высоту, что и у wrapper
  9. Ребят, есть такой код: <!doctype html><html><head><title>Page</title></head><body><div id="wrapper"> <div id="left">...</div> <div id="right">...</div> <div id="main">...</div></div></body></html>Блок wrapper имеет определенную ширину и фон у него белый. У блока right тоже своя ширина, а вот фон другого цвета. И мне нужно установить максимальную высоту, чтобы она была "равна" высоте блока wrapper, дабы в других блоках контента больше, соответственно высота у них тоже больше, а не очень то красиво выглядит то, что в правом блоке часть фона серая, а другая - белая. Да, можно было в CSS установить height 100%, но это работало бы, если у wrapper была определенная высота, а она зависит от контента. Помогите, если не трудно!