Search the Community

Showing results for tags 'css'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Для начинающих
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Freelance
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Calendars

  • События в Украине
  • События в России
  • События форума
  • События партнёров
  • Все события

Blogs

There are no results to display.

There are no results to display.

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

Found 1,050 results

  1. Приветствую. Оцените, пожалуйста, верстку. Особое внимание прошу обратить на секцию How We Work. НАсколько корректно выполнена данная верстка? https://alex2033.github.io/Orion/index.html
  2. Доброе утро! Вопрос из разряда "вилами по воде" , но все же... рискну))) Верстка лендинга, а конкретнее, секций: как быть с высотой секций? Все секции в макете разной высоты. И мой вопрос состоит в том, что задавать ли им min-height со значением, взятым из макета? Или отталкиваться от контента? Просто, в "типа ТЗ" написано единственное что высота блоков не фиксированная(нету условия что кентена может быть меньше чем на макете). Надеюсь, буду понят)))
  3. Всем привет. Есть код-схема карточек товаров. Как с текущей разметкой сверстать на флексах так, чтобы полные ряды товаров (т.е. по 3 товара) вели себя как space-between, а не полный ряд как space-around? Если такое не возможно, какие могут быть пути решения? з.ы. варианты с ручным добавление margin к товарам неполного ряда не подходят
  4. Привет, вопрос почему градиент указанный в фотошопе отличается от того, который задается CSS.. Настройки профиля фотошоп - sRGB.. Сохраняю тоже с галочкой конверт в sRGB, пробовал и без нее.. Подробнее все настройки - https://ibb.co/bZg5a7, https://ibb.co/g1RtTS, https://ibb.co/dMwGhn.. Blend-mode слоя в фотошопе - normal Начальный и конечный цвета совпадают, написаны в одном формате.. В браузерах цвет получается тусклее, менее насыщенным чтоли чем в фотошоп.. На картинке первый желтый градиент создан через background: linear-gradient, а второй вставлен через .png..
  5. Меня зовут Абдулов, я Front-End разработчик. Цену и сроки обсудим после просмотра макета. Вот одна из моих версток - tokmaganbet.github.io/blacksea Могу сверстать/сделать : Landing page Натянуть на WP Сайт-визитки Корпоративные сайты Адаптивные и отзывчивые сайты Навыки: HTML 5 CSS3 Javascript(jQuery) Умею пользоваться : Pixel Perfect Gulp Sass(Scss) Bootstrap GitHub FlexBox Email : tokmaganbeta@gmail.com Skype : abdulov_96
  6. Добрый день! На данный момент прохожу обучение по веб-программированию, но уже сейчас хотело бы поработать с реальными проектами. Знаю HTML, CSS, принципы адаптивной верстки, основы JavaScript и тд. Пример моей работы находится по адресу https://evgenia1991.github.io/
  7. Оцените верстку и скажите, что не так.Заранее спасибо. https://zamporezke.github.io/
  8. Доброго времени суток. Оцените верстку https://alex2033.github.io/Blueasy/index.html В этот раз решил поверстать без гридов, после продолжительной верстки сетками, их отсутствие принесло парочку неудобств
  9. Доброго времени суток. Прошу оценить верстку. ВАЖНО: если у вас не отображаются изображения в шапке страницы - отключите адблок Почему-то он блочит изображения именно в шапке, пока решаю эту проблему https://alex2033.github.io/
  10. Приветствую всех! Подскажите пожалуйста где помогут абсолютному "чайнику" от сайтостроения и HTML с разными мелкими вопросами? По CSS стилям, "дефейсу" - форумы, чаты (телеграм)... Например: пытаюсь создать rss-ленту для форума внешним сервисом, как правильно определить css селекторы? нужен чистый "title" сообщений, fetchrss (получает нераздельные "имяНазваниеОписание" топика): li.activitybit div.title > a ... другой сервис автоопределяет по XPath так и это работает корректно: /html/body/div/div/div/ul/li/div div[2]/a[2]/child::node()
  11. Как сделать чтобы событие на 'div' выполнилось, после своего появления от нажатия на 'p' ? https://jsfiddle.net/s4eoawef/17/
  12. Прошу оценить верстку сайта https://alex2033.github.io/
  13. Здравствуйте! Столкнулся с ситуацией при создании всплывающего меню https://jsfiddle.net/u7qam9jm/6/ что свойства для родительского блока дублируются и на дочерние блоки. Я пытался через :not, но даже "не заметило конструкцию" и свойства все равно єкранировали на потомков...
  14. Здравствуйте, не подскажите как с помощью флекс свойства css добиться следующего: На первом изображение показано текущее расположение блоков, блоки не имеют фиксированного размера, а меняются динамически, в зависимости от заполненности контента. Я хочу получить результат как на втором изображении чтобы первый блок растягивался вне зависимости от его заполненности. Я так понимаю нужно использовать для этого свойства flex но все мои попытки сделать так, тщетны. Объясните, можно ли вообще так сделать? (спасибо!) P.S. все изображения прикрепил. P.P.S. это нужно для того чтобы не было такого не красивого выравнивания (position:absolute нельзя использовать, так как размеры могут быть разными) Заметки должны находится на одном уровне
  15. Alexandra-96

    Решено

    Здравствуйте. Начала писать простейшую страницу для тренировки, но вот получилась проблема с CSS: не работают свойства margin-auto для всего, не работает задание ширины для блока с изображением (в main, class="index-image"). Text-align работает. Смотрела в последних версиях Мозиллы и Хрома. Просмотрела код - не вижу ничего неверного, все теги закрыты. Ширина тоже задана всем родительским элементам нужных блоков. Особенность в том, что всё (что пока успела) в процентах и em, кроме min-height/width локально, но раньше на таких страницах всё нормально работало. Может быть вы подскажете, в чём проблема. UPD: Ужас какой... после чашки кофе всё удалось решить. Всё было просто.
  16. Добрый день! Оцените, пож-ста, верстку. По адаптивности, качеству кода. https://milana999.github.io/startup/index.html
  17. Добрый день! Столкнулся с проблемой в этом примере https://jsfiddle.net/bnun3zkv/1/ Это урывок кода из учебного задания по всплывашкам. И как видно-указатель у всплывашки коряво отображается. Работает только свойство с поворотом вокруг своей оси, или вообще не отрабатывают свойство transform, как в моем приведенном примере. Хотелось бы узнать в чем причина? Я не нашел в доке по этому свойству каких-либо ограничений на повторное использование у одного селектора... Я допустил какую-то ошибку при написании свойств к данному селектору?
  18. Сайт https://knyaz85.github.io/ Сайт тестовый, для критики.. Идея - аналог страницы в соцсети в основном для размещения медиа-контента и документов Прошу оценить всё в целом - дизайн, верстку, код, юзабилити, общее впечатление и др. Примечания. Сайт делался под гугл хром, в мозилле другой медиаплеер и почему то по другому выглядит тень от белого фона - получается не очень красиво.. В эксплоурере вообще черт знает что получилось, прошу также хотя бы в общих чертах просвятить как адаптировать сайт к интернет эксплоурер.. Медиа загружается через гугл очень долго, через мозиллу почему то быстрее.. Если кто знает почему, так же прошу просвятить)
  19. Добрый день, я новичок как на форуме, так и в верстке. Вопрос такой. Делаю таблицу с прицелом на мобильные устройства. Рабочее окно сайта шириной 800px и все таблицы я делал шириной строго 800px через тег <table> раньше было вот так: <table cellpadding="5" cellspacing="0" border="1" width="800px"> и таблицы все выглядели красиво и одинаково., но в мобильной версии они так же были 800 пикселей и их просмотреть было нереально. В общем в css файле добавил класс .table_overfloated { overflow-x: scroll; display: block; border-collapse: collapse; } .table_overfloated tr { border 1px solid; min-width: 800px; } .table_overfloated td {border: 1px solid; } Применил его к тегу <table> и теперь таблица на мобильнике прокручивается пальцем влево вправо, однако на сайте ширина таблицы делается соответственно контенту. И если одна таблица на странице еще более менее выглядит, то если их две и более то все они получаются разной ширины и выглядит это некрасиво.. Подскажите как сделать, чтобы таблицы все были шириной 800px, но на мобильной версии сайта их можно было пролистывать. Надеюсь понятно написал.:(
  20. Всем привет, форумчане! Есть задача сделать вот такую штуку как на картинке, она должна быть 100% шириной по отношению к контенту, но ограниченной высотой, к примеру 60 пикселей. У меня уже есть решение которое я сделал https://jsfiddle.net/x5Lavn55/, но может имеется более элегантное и лучше чем мое? Пробовал с svg, но не могу растянуть на 100% не изменив высоту...
  21. Всем привет! Подскажите пожалуйста новичку, что за иконки на этом сайте. Пытаюсь скопировать её через исходный код, но выдает вот такой фрагмент кода: .fa-search:before { content: "\f002"; } Скриншот картинки, прикрепил. Буду рад, если Вы мне поможете. Спасибо!
  22. <div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю размер шрифта и в коде присутствует тег <p>, то размер шрифта не меняется. Если прописать например цвет, то никаких проблем нет. Когда убираю тег <p> то шрифт меняется. В чем дело? помогите
  23. Добрый день! Создал меню, текст в google chrome отображается не вылезая за границы, а в firefox как на картинке. В чем проблема и как это исправить?
  24. Привет, у меня есть свёрстанный блок, но элементы(круги) не стоят друг под другом, как это исправить? <section id="about"> <div class="container"> <div class="title"> <h2> About Us </h2> <p> Lorem ipsum dolor sit amet, consectetur. </p> </div> <div class="timeline-holder"> <div class="box"> <div class="left"> <h3>July 2018 <span>Our humble beginnings</span></h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero amet explicabo quis expedita fuga magnam consequatur perferendis aliquam ipsum odio magni illum aperiam, quod eaque, debitis consectetur, dolorem provident quidem.</p> </div> <img src="img/about1.jpg" alt="" /> </div> <div class="box"> <div class="right"> <h3>January 2018 <span>Our humble beginnings</span></h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero amet explicabo quis expedita fuga magnam consequatur perferendis aliquam ipsum odio magni illum aperiam, quod eaque, debitis consectetur, dolorem provident quidem.</p></div> <img src="img/about2.jpg" alt="" /> </div> <div class="box"> <div class="left"> <h3>December 2018 <span>Our humble beginnings</span></h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero amet explicabo quis expedita fuga magnam consequatur perferendis aliquam ipsum odio magni illum aperiam, quod eaque, debitis consectetur, dolorem provident quidem.</p></div> <img src="img/about3.jpg" alt="" /> </div> <div class="box"> <div class="right"> <h3>February 2019 <span>Our humble beginnings</span></h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero amet explicabo quis expedita fuga magnam consequatur perferendis aliquam ipsum odio magni illum aperiam, quod eaque, debitis consectetur, dolorem provident quidem.</p></div> <img src="img/about4.jpg" alt="" /> </div> </div> </section> .about{ margin-top: 86px; } .timeline-holder { position: relative; } .box { display: flex; align-items: center; margin: 60px 0; } .box .left { flex: 1; padding: 0 20px; } .box .right { direction: rtl; flex: 1; padding: 0 20px; } .box:nth-child(even) { margin-right: calc(50% - 75px); } .box:nth-child(odd) { flex-direction: row-reverse; margin-left: calc(50% - 75px);
  25. Решил анимировать иконки, нашел пример в интернете, скопировал в Safari Версия 11.0.2 (13604.4.7.1.3), в мобильных Safari и Chrome все отображается отлично но почему-то иконки неправильно отображаются в Chrome Mac (Версия 63.0.3239.132 (Официальная сборка), (64 бит), Chrmoe Windows и Edge - на переднем плане анимированный градиент, а на заднем иконка пример кода пример того как должна выглядеть анимированная иконка во вложении Screen Capture 2018-01-10 06.49.14.mov