Jump to content

Nikita_Barinov

Newbie
  • Posts

    9
  • Joined

  • Last visited

Everything posted by Nikita_Barinov

  1. Во! Спасибо, заработало!
  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. Safari 8.0.7 на OS X 10.10.4 Хех, спасибо! Убрал float'ы и все заработало!
  4. Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать 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;}Буду благодарен за любую помощь!
  5. Да-да-да, до меня уже дошло. Спасибо!
  6. Не то А это то, но теперь проблемка. Вот смотрите, у меня до применения вашего метода, скажем так, была тень у блока 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 все прекрасно, их высота максимальна, скажем так
  7. Смотри, у wrapper будет максимальная высота. Мне нужно, чтобы блок right принимал такаю же высоту, что и у wrapper
  8. Ребят, есть такой код: <!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 была определенная высота, а она зависит от контента. Помогите, если не трудно!
×
×
  • 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