web-monster
-
Posts
122 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Posts posted by web-monster
-
-
http://www.screencapture.ru/file/a031a43F
Вот слой из первой картинки. Вроде здесь скошенный угол, а мои попытки сделать что-то через border-radius ни к чему не привели
-
Так это же не то, разве нет? Мне нужен острый угол в 45% в первом случае, а не скругленный, или я что-то не понимаю?
-
Доброго времени суток, уважаемые форумчане!
Попался макет, где много элементов со скошенными углами.
Один:
http://www.screencapture.ru/file/A893fA1F
Два:
http://www.screencapture.ru/file/76106c72
Три:
http://www.screencapture.ru/file/d8264D58
Четыре:
http://www.screencapture.ru/file/A836B408
Подскажите какой-нибудь гайд, как это сверстать.
Спасибо!
-
Доброго времени суток, уважаемые форумчане!
Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50
В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком.
Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/
Спасибо!
-
Доброго времени суток, уважаемые форумчане!
Подскажите пожалуйста, как грамотно сверстать такой фон у заголовков http://www.screencapture.ru/file/96d6645B ?
Я дошел до этого момента: http://jsfiddle.net/w5ukL30t/2/ Проблемы возникают с позиционированием псевдоэлементов, как сделать их таким образом, чтобы они располагались с равным отступом независимо от длины текста?
-
Я вижу, то, что при на видении на блок, он перекрывает другие блоки, здесь придётся использовать свойство position и z-index.
Немного ошибся.
Вот, что получилось http://jsfiddle.net/1mp9y47f/
Надо ли, что бы при наведении, блок расширялся?
Или надо, только, что бы изменялась высота?
Да, похоже на правду, и ширина тоже нужна. Как думаете, для масштабирования блока использовать transform: scale ?
-
Доброго времени суток!
Подскажите пожалуйста, как грамотно сверстать такие блоки с тарифами? (с учетом того, что это будет еще адаптивно)
-
Посмотри этот: http://codepen.io/vaskemaskine/pen/DrdJE
- 1
-
Мое из старенького http://f-picture.net/lfp/s018.radikal.ru/i502/1506/54/3ac149527850.jpg/htm
-
Доброго времени суток, уважаемые форумчане!
Все время я верстал футеры с фикс высотой и пользовался старым проверенным трюком, который знают и пользуются большинство наверное. Однако не так давно мне понадобилось сверстать адаптивный футер с неизвестной высотой. Немного погуглив, было найдено отличное решение с флексами, которое подходит под новые браузеры.
Но что делать если нужна поддержка IE < 10? На этот вопрос я также нашел два полезных линка: вариант с эмуляцией таблиц (по сути возврат к таблицам?) и вариант с вкраплением js (на такую казалось бы простую задачу?)
Ну и соответственно мой вопрос к вам: есть ли еще решения помимо этих, на мой взгляд, решений с недостатками?
Спасибо!
-
Нет, все равно немного не то.. http://www.screencapture.ru/file/0DAB5adfТогда выходит, что текст переносится на следующие строки, а нужно, чтобы длина текста при необходимости была больше чем эти изображения http://www.screencapture.ru/file/421A0E5b Попробовал добавить white-space: nowrap, тоже ерунда выходит
-
Это понятно, проблема в том, что когда вставляешь текст, все разваливается из-за различной ширины блоков http://jsfiddle.net/x38nhabf/
-
Доброго времени суток!
Подскажите пожалуйста, как верстать такие шаги (желательно с адаптивностью):http://www.screencapture.ru/file/C0A13E7e
http://www.screencapture.ru/file/7472932B
Проблема именно в этих бордерах, понятно что делать через псевдоэлементы, но получается какая-то муть. Где-то видел примеры такой навигации, но не могу найти и сформулировать запрос грамотно.
Спасибо!
-
Доброго времени суток!
Попробую сформулировать вопрос. Есть меню, при наведении на пункты появляется выпадающее меню. Проблема в том, что меню выпадает при изменении координаты top и свойства transition и является дочерним элементом меню главного, поэтому получается перекрывание и z-index не помогает (здесь эта проблема подробно описана).
Как решить такую задачу?
Пример -
Доброго времени суток, уважаемые форумчане!
Подскажите пожалуйста, не могу понять, что не так с 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});
-
Доброго времени суток, уважаемые форумчане!
Есть такая штука:
Как ее грамотно сверстать? Я так понимаю нужно делать через эмуляцию таблицы и ячеек, но как сделать это смещение двух колонок в центре? Может быть есть какой-нибудь похожий пример, где можно посмотреть?
Спасибо!
-
Ссылку в студию
-
http://habrahabr.ru/post/75905/ - вот отличный гайд
- 1
-
Может мне кто объяснит что хочет этот человек ?
Есть изображения, у которых установлен max-width: 100% и height: auto, относительно них нужно вертикально центрировать текст так, чтобы при изменении высоты картинок (при ресайзе окна) текст оставался по центру. По-моему все понятно написал
-
Не подходит, там фикс. высота, нужно чтобы центрировалось при изменении высоты картинки. Неужели только JS?
-
Добрый день, уважаемые форумчане!
Есть блоки с изображениями http://yarfrezer.ru/shop/, нужно вертикально центрировать текст относительно картинки. Пробовал варианты с table-cell; и position'ами, но так и не получилось, совсем запутался. Можете подсказать, какие стили добавить или хотя бы куда копать, чтобы при ресайзе окна текст оставался вертикально центрированным?
-
Доброго времени суток, уважаемые форумчане!
Подскажите пожалуста какую-нибудь галерею наподобие Fancybox, чтобы можно было листать увеличенные изображения и чтобы дополнительно скроллились миниатюры.
Прикрепил скриншот, чтобы было понятнее.
Т.е. я кликаю на эти мелкие фото, выскакивают большие, которые тоже листаются и параллельно должны листаться уменьшенные.
Спасибо!
-
В старых браузерах это работать не будет, поэтому если нужна кроссбраузерность - скрипты в помощь
-
Очень интересно ваше мнение о данном заказе и заказчике и его претензиях!
https://www.fl.ru/projects/1793187/sverstat-lending.html
Сверстать лендингБюджет по договоренностиБыл уже верстальщик, но верстка получилась мягко говоря не правильная, зато можно посмотреть что конкретно я хочу.И плюс к тому, что уже будет в рабочем примере я хочу:
1. Сделать скролинг мышки плавный
2. Верхний слайд, чтобы картинки менялись плавно как на viewflux.com/
3. Слайдер в ноутбуке (возле космонавта) работал адекватно, и первым слайдом показыавл сайт а не заглушку ошибки.
4. Нижний желтый стикер – шрифт сделать в разметке.
Из верстки которую я прикрепил видно, что она не правильная и вот список ошибок:
1) НЕ валидная верстка (валидатор выдает 6 ошибок и 2 предупреждения)
2) НЕ кросбраузерная верстка (по разному выглядят блоки в разных браузерах, использованы css-свойства которые Internet Explorer 8 вообще не понимает и т.п.)
3) Нарушена семантика (два тэга <h1> на странице, лишние элементы на странице и т.п.)
Можете исправлять, можете переверстывать, мне все равно.
От вас цены и сроки. Работа через СБР.
Вот архив с версткой этого человека
https://st.fl.ru/projects/upload/201312/f_93052bd6d74c39a9.7z
Я запустила в ие8 - вроде выглядит неплохо даже в 8м осле - не понимаю претензий.
А какое тут может быть мнение? С такими заказчиками лучше не связываться, иначе потом вынесут мозг. Пусть дальше слушают умных СЕОшнегов, которые точно знают про нужное количество h1 на странице и читают допотопные гайды по поддержке IE6-8
- 1
Как сделать скошенные углы
in HTML Coding
Posted
Да, похоже это что мне нужно, теперь попробую разобраться в примере и сделать оставшиеся. Спасибо