web-monster

Круглые уголки у внешнего блока, конечно же. Для скошенного уголка border-radius не подходит, приходится идти на хитрости.

 

http://jsfiddle.net/vb1kznrr/

Да, похоже это что мне нужно, теперь попробую разобраться в примере и сделать оставшиеся. Спасибо

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://www.screencapture.ru/file/c0a79E29

Посмотри этот: http://codepen.io/vaskemaskine/pen/DrdJE

Мое из старенького  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/ - вот отличный гайд

Может мне кто объяснит что хочет этот человек ?

Есть изображения, у которых установлен max-width: 100% и height: auto, относительно них нужно вертикально центрировать текст так, чтобы при изменении высоты картинок (при ресайзе окна)  текст оставался по центру. По-моему все понятно написал

http://phrogz.net/CSS/vertical-align/

Не подходит, там фикс. высота, нужно чтобы центрировалось при изменении высоты картинки. Неужели только 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