Jump to content

web-monster

User
  • Posts

    122
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by web-monster

  1. Да, похоже это что мне нужно, теперь попробую разобраться в примере и сделать оставшиеся. Спасибо
  2. http://www.screencapture.ru/file/a031a43F Вот слой из первой картинки. Вроде здесь скошенный угол, а мои попытки сделать что-то через border-radius ни к чему не привели
  3. Так это же не то, разве нет? Мне нужен острый угол в 45% в первом случае, а не скругленный, или я что-то не понимаю?
  4. Доброго времени суток, уважаемые форумчане! Попался макет, где много элементов со скошенными углами. Один: http://www.screencapture.ru/file/A893fA1F Два: http://www.screencapture.ru/file/76106c72 Три: http://www.screencapture.ru/file/d8264D58 Четыре: http://www.screencapture.ru/file/A836B408 Подскажите какой-нибудь гайд, как это сверстать. Спасибо!
  5. Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!
  6. Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как грамотно сверстать такой фон у заголовков http://www.screencapture.ru/file/96d6645B ? Я дошел до этого момента: http://jsfiddle.net/w5ukL30t/2/ Проблемы возникают с позиционированием псевдоэлементов, как сделать их таким образом, чтобы они располагались с равным отступом независимо от длины текста?
  7. Да, похоже на правду, и ширина тоже нужна. Как думаете, для масштабирования блока использовать transform: scale ?
  8. Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такие блоки с тарифами? (с учетом того, что это будет еще адаптивно) http://www.screencapture.ru/file/c0a79E29
  9. Посмотри этот: http://codepen.io/vaskemaskine/pen/DrdJE
  10. Мое из старенького http://f-picture.net/lfp/s018.radikal.ru/i502/1506/54/3ac149527850.jpg/htm
  11. Доброго времени суток, уважаемые форумчане! Все время я верстал футеры с фикс высотой и пользовался старым проверенным трюком, который знают и пользуются большинство наверное. Однако не так давно мне понадобилось сверстать адаптивный футер с неизвестной высотой. Немного погуглив, было найдено отличное решение с флексами, которое подходит под новые браузеры. Но что делать если нужна поддержка IE < 10? На этот вопрос я также нашел два полезных линка: вариант с эмуляцией таблиц (по сути возврат к таблицам?) и вариант с вкраплением js (на такую казалось бы простую задачу?) Ну и соответственно мой вопрос к вам: есть ли еще решения помимо этих, на мой взгляд, решений с недостатками? Спасибо!
  12. Нет, все равно немного не то.. http://www.screencapture.ru/file/0DAB5adfТогда выходит, что текст переносится на следующие строки, а нужно, чтобы длина текста при необходимости была больше чем эти изображения http://www.screencapture.ru/file/421A0E5b Попробовал добавить white-space: nowrap, тоже ерунда выходит
  13. Это понятно, проблема в том, что когда вставляешь текст, все разваливается из-за различной ширины блоков http://jsfiddle.net/x38nhabf/
  14. Доброго времени суток! Подскажите пожалуйста, как верстать такие шаги (желательно с адаптивностью): http://www.screencapture.ru/file/C0A13E7e http://www.screencapture.ru/file/7472932B Проблема именно в этих бордерах, понятно что делать через псевдоэлементы, но получается какая-то муть. Где-то видел примеры такой навигации, но не могу найти и сформулировать запрос грамотно. Спасибо!
  15. Доброго времени суток! Попробую сформулировать вопрос. Есть меню, при наведении на пункты появляется выпадающее меню. Проблема в том, что меню выпадает при изменении координаты top и свойства transition и является дочерним элементом меню главного, поэтому получается перекрывание и z-index не помогает (здесь эта проблема подробно описана). Как решить такую задачу? Пример
  16. Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, не могу понять, что не так с jQuery jplayer. При загрузке страницы в Хроме бесконечная обработка запроса, если обновить страницу в консольке наблюдаю ошибку 403. Права доступа к файлам 0644, пути прописаны правильно, что не так? audiorussia.com Код: $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { oga: "/audio/1.ogg", mp3: "/audio/1.mp3" }); }, swfPath: "/js", supplied: "oga, mp3", play: function() { $(this).jPlayer("pauseOthers"); }, wmode: "window", smoothPlayBar: true, keyEnabled: true});
  17. Доброго времени суток, уважаемые форумчане! Есть такая штука: Как ее грамотно сверстать? Я так понимаю нужно делать через эмуляцию таблицы и ячеек, но как сделать это смещение двух колонок в центре? Может быть есть какой-нибудь похожий пример, где можно посмотреть? Спасибо!
  18. http://habrahabr.ru/post/75905/ - вот отличный гайд
  19. Есть изображения, у которых установлен max-width: 100% и height: auto, относительно них нужно вертикально центрировать текст так, чтобы при изменении высоты картинок (при ресайзе окна) текст оставался по центру. По-моему все понятно написал
  20. Не подходит, там фикс. высота, нужно чтобы центрировалось при изменении высоты картинки. Неужели только JS?
  21. Добрый день, уважаемые форумчане! Есть блоки с изображениями http://yarfrezer.ru/shop/, нужно вертикально центрировать текст относительно картинки. Пробовал варианты с table-cell; и position'ами, но так и не получилось, совсем запутался. Можете подсказать, какие стили добавить или хотя бы куда копать, чтобы при ресайзе окна текст оставался вертикально центрированным?
  22. Доброго времени суток, уважаемые форумчане! Подскажите пожалуста какую-нибудь галерею наподобие Fancybox, чтобы можно было листать увеличенные изображения и чтобы дополнительно скроллились миниатюры. Прикрепил скриншот, чтобы было понятнее. Т.е. я кликаю на эти мелкие фото, выскакивают большие, которые тоже листаются и параллельно должны листаться уменьшенные. Спасибо!
×
×
  • 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