Поиск по сайту

Результаты поиска по тегам 'css'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 927 результатов

  1. Вращабщиеся блоки

    Добрый день! Хотелось бы получить пояснение о принципе работы механизма с "вращающимися блоками". А именно-к примеру, есть страница-приветствия, а в ней блок с аватаркой и кнопкой входа, нажав на которую весь блок визуально прокручивается вокруг своей оси. И появляется на месте блока с приветствием блок с формой входа. Надеюсь, что пример доступный и я буду понят... хотелось бы понять о принципе работы: как происходит подмена одного блока на другой, это реализовывается только на css с помощью преобразований и переходов/анимации или тут уже нужен JavaScript?
  2. Здравствуйте, в верстке я новичок, поэтому не судите строго за вопрос. Сейчас я работаю над сайтом на WP. Мне нужно задать размер шрифта для всех элементов UL на страницах сайта. Как это лучше сделать?
  3. Как выровнить картинки с разной высотой?
  4. Как сделать такое на бутстрапе 3?
  5. Добрый день! Есть данный пример https://jsfiddle.net/nfodvkbh/2/ Возникло непонимание-почему у псевдоэлементов в результате разная высота и как устранить проблему с отступом у последнего блока? Касательно второго вопроса-если я уберу отступ у последней ссылки, то псевдоэлемент не будет отображаться, на сколько я понял.
  6. Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают Вот исходный код http://www.cssdesk.com/J8Xk9
  7. Помогите, пожалуйста, очень нужен взгляд со стороны. Проблема следующая - страница нормально отображается в десктопной версии, при ресайзе окна - тоже все ок. Но в режиме эмуляции моб. устройств ширина экрана больше чем ширина содержимого страницы. При этом проблема только в chrome firefox отображает нормально в любом режиме. Ниже скрин (режим моб. устройств). Код можно посмотреть здесь.
  8. Как сделать такое на бутстрапе 3?
  9. помогите с CSS

    https://jsfiddle.net/sipsap/Lj2qdndw/ Вопрос: 1. Как сделать что бы значки доллара были такого же размера но при этом не менялся цвет. 2. Текст в первых блоках (с услугами) должны быть align:left; но я не могу поставить спан. (пример)
  10. https://jsfiddle.net/sipsap/w547anoh/ Вопрос: 1. Как сделать так что бы текст менял свой цвет вместе с hover'ом заднего фона, а не нужно было наводить на него отдельно? 2. Не как не могу понять как мне задействовать в активном блоке верхнюю картинку? (мне данны две картинки на одной области. Снизу, бела сверху черная) Пример:
  11. Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....
  12. При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).
  13. Добрый день! Имею такой пример https://jsfiddle.net/hfbLxxdr/1/ для построение "плитки". Столкнулся с нюансом: в макете блок-контейнер имеет ширину в 700px. Каждый элемент списка имеет ширину 222px, отступ(margin-right, в примере для красоты поставил по 15) между собой в 20px, построение- 3 в ряд... отсюда вопрос: могу я корректировать сам размеры блока-контейнера/ блоков-элементов, если по замерам я на 6px превышаю заданные размеры блока-контейнера? Или это "расстрельная статья", табу?)))
  14. Ребят, нужен свежий взгляд, уже голова не варит. Есть слайдер. В нижней части находится ось времени с помесячным шагом. На один месяц на оси времени должно приходиться два слайда. То есть при прокрутке слайдера два раза маркер месяца должен переходить на следующий/предыдущий месяц. Единственное, что приходит в голову, это месяца сделать табами, а внутри каждого таба уже реализовать слайдеры. Но это немного не то, потому что будут работать слайдер только внутри одного месяца, и на другие перемещаться не будет. В общем посоветуйте как поступить
  15. Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон
  16. Слайдер Slick

    Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?
  17. Как блок с классом .caption сделать так, что бы он не заезжал за img? Когда ставишь relative он не заезжает, а мне надо с absolute
  18. Всплывающие окна

    Здравствуйте, буду признателен, если сможете помочь решить проблему с сайтом. Проблема заключается в том, что на сайте существует кнопка "Получить консультацию" которая вызывает всплывающее окно с формой. Однако при создании такого же окна при клике на изображение(пока есть только при клике на левое верхнее) окно не появляется, а встраивается в готовый блок сайта. Можете подсказать как решить эту проблему?(По поводу оформления и изображения знаю, меня интересуют только окна) Ссылка на архив с сайтом https://github.com/Mat-CauThon/-
  19. Сама верстка: https://uzinouzi.github.io/Polind/ Буду благодарен за указание на недочеты.
  20. Аналог атрибута "checked"

    Доброе утро! Подсобите теорией: есть 3х страничный сайт. На главной странице есть меню, которое, по факту, одно и тоже для всех 3х страниц. Так вот, есть ли в css схожее свойство с атрибутом checked чекбоксов? То есть, при переходе с "главной" на, к примеру, "ваши заказы" сразу стал активен пункт меню с ссылкой "ваши заказы". Или это лучше реализовать на jquery? Извините за размытое описание проблемы, но нет возможности сейчас выложить код.
  21. Добрый день! Имею вот такой нюанс https://jsfiddle.net/yqfyb014/2/ Не понимаю как при помощи CSS решить проблему с позиционированием. Так как я предполагал, что сделав отступ для первого элемента списка, я "паровозом" выровняю все остальные элементы. Но получилось, собственно, то, что на изображении. И хотелось бы понять-как достучаться до первого элемента каждой строки?
  22. Доброго дня Прошу всех специалистов верстающих под iPad, iPhone оценить вёрстку и сказать что не так. Вводная - делал тестовое задание по вёрстке для одной компании. Задание такое: 1) Необходимо сверстать страничку по предложенному макету 2) Требования: - отображение на устройствах iPad, iPhone от 4 до 6+ - Только HTML + CSS ( без Javascript) - Как бонус — учёт разрешения экрана (2 файла для каждого изображения - для ретины и без) Результаты работы: Исходники: https://github.com/alexey-pod/awem-layout Макеты: https://github.com/alexey-pod/awem-layout/tree/master/mockups Результат работы: http://awem-layout.likeuse.ru/ Для поддержки ретины использовал вот эту штуку: https://github.com/alexey-pod/awem-layout/blob/master/css/retina.less Тестирование: iPad, iPhone устройств к сожалению нет - поэтому тестировал вот здесь: 1) https://www.google.by/webmasters/tools/mobile-friendly/ 2) http://quirktools.com/screenfly/ 3) http://lab.maltewassermann.com/viewport-resizer/ Ответ от компании: Некоторые мои соображения: В папке с шаблонами намешано много макетов с разными названиями, которые имеют незначительные отличия. В частности это панель с кнопками "News Support Letter". Панель располагается: Внизу https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_iPhone_Portrait.png https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_iPhone_Album%232.png https://github.com/alexey-pod/awem-layout/blob/master/mockups/Awem_More_Games_iPhone_v04.psd Вверху https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_Portrait.png https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_Album.png https://github.com/alexey-pod/awem-layout/blob/master/mockups/Awem_More_Games_iPad_v01.psd Есть вариант где нет панели вообще https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_iPhone_Portrait%231.png https://github.com/alexey-pod/awem-layout/blob/master/mockups/!Preview/Awem_More_Games_iPhone_Album%231.png Из-за того что я не понял как именно отличать ситуации в которых панель должна быть вверху, быть внизу, панели не должно быть - был выбран универсальный вариант панель вверху и он был свёрстан. Может быть именно в этом была моя ошибка. Также хочу обратить внимание - компания ничего не сказала про ретину. И я не знаю правильно сделал "ретинизацию" или нет. Может кто-то протестит на реальном девайсе и кинет скрин - буде благодарен. Заранее благодарен всем кто сможет подсказать мои косяки. Если бы мы работали через стол то я мог бы задать эти вопросы своему руководителю и переделать задание столько - сколько потребуется. Сейчас же - я не имею такой возможности поэтому надеюсь на помощь сообщества.
  23. Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?
  24. При масштабировании нижние картинки съезжают https://uzinouzi.github.io/asdasd/ - Сам сайт prntscr.com/h5bbfz - Тут проблема.
  25. Практика/Задачи JavaScript

    Предлагаю оставлять в этой теме задачки для новичков, всякие задания по типу: Сделать калькулятор который будет отнимать и прибавлять от одного числа другое. И оставлять готовое решение сразу, что бы если возникают проблемы можно было решить.