Search the Community
Showing results for tags 'css'.
-
Объясните пожалуйста, что входит в работу html, css верстальщика. Также интересует вопрос: нужно ли делать формы или popUp окна, а если и делать, то каким функционалом мне их наделять будучи html, css верстальщиком?
-
Добрый день! Подскажите источник, от куда можно импортнуть в свой css файл шрифт DS-DIgital(шрифт как на старых циферблатах, нужен для отображения циферблата на таймере). Не могу скачать к себе на комп - балуюсь в рабочее время на рабочем компе. И на работе запрет на скачивание без ведома админов чего угодно.
-
Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.
-
Учу HTML,CSS около 2-3 месяцев, укажите на проблемы и что можно было улучшить. MyModernPage.html cssmodernpage.css
-
Добрый день! Столкнулся с проблемой отображения картнки в ::before, ::after. Блок сам отрисовывается-виден при проверке. Могу в content запихнуть тескт-все норм, отрисовывается. А вот добавление изображения ни в какую. Пробовал запихивать даже в content: url(address); и в background: url('address'); Проверял путь к картинке-нормальный(проверял на обычном <img src='address'>). Предоставить могу лишь кусок кода: весь проект не имею возможности скинуть. http://cssdeck.com/labs/nafhnhr5
-
Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?
-
Всем привет! Расскажите пожалуйста про адаптивную сетку. Просто для меня сетка - это обязательно 12 колонок и т.д. Но а если контент расположен не по сетки или начиная с промежуточных колонок или в каждой секции по разному расположен контент. Откройте мне пожалуйста всю истину адаптивных сеток, а то не понимаю. Или может использовать сетку только тогда, когда она есть в макете?
-
Здравствуйте. Постараюсь коротко. Это мой второй проект, просто тренировочный макет. Нет адаптива, нет css-рюшек, вроде плавных переходов, нет js и даже нет половины состояний для элементов (но это потому, что их не было в макете). Html и css. Их и прошу оценить. Понимаю, что нормальным людям лень оценивать, поэтому у меня есть несколько более или менее конкретных вопросов. Надеюсь, не слишком странных: Меня беспокоит организация маргинов и паддингов. По-моему, она "некрасивая". Есть такое понятие "красивая организация отступов"? Мне кажется, что я нашла не лучшее решение для огромных тортов на фоне. Дивы с абсолютным позиционированием, из-за чего пришлось прописать body overflow-x: hidden Стали бы вы делать плиточную раскладку категорий тортов grid'ами или это "микроскопом гвозди"? Правильно ли я понимаю, что если мне захочется оживить слайдеры, то придется немного менять разметку и стили? Как вы относитесь к br в верстке? (-: Например, в блоке выбора размера торта: <label class="cake-size" for="two-kg"> <input class="hidden" type="radio" form="order-form" name="cake-size" id="two-kg"> <span class="mass medium">2 кг</span> <span>23-24 см<br>(10–12 персон)</span> </label> Практикуется ли именование классов по БЭМ на лендингах? (-: С дурацкими вопросами я закончила. Буду, благодарна за любой фидбэк относительно вменяемости разметки. Ссылка на страницу и на гит P.P.S. как склеить коммиты теперь? )
-
Долго ломаю голову по поводу одной темы: когда использовать сетку при адаптивной верстке? Смотрел чувака web design master, он говорит, что в каждом прокте должна использоваться сетка. Просто бывают макеты не по сетке и вот не понятно становится после его слов.
-
Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.
-
Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?
-
Вопрос об использовании и не использовании сеток в верстке сайтов
Oloref posted a question in HTML Coding
Здравствуйте! У меня такой вопрос: всегда ли нужно использовать сетку для адаптивной верстки или нет? Или это зависит от дизайна? Насколько я понимаю, например, если psd макет выполнен с использованием сетки, то нужно использовать сетку и в верстке. А если дизайн выполнен без сетки, то и верстать нужно без сетки. Я правильно понимаю? Или может быть можно применять сетку всегда? Помогите пожалуйста. -
Всем доброго дня. Ищу помощника или наставник в создании небольшого сайта. С данного момента погружаюсь в тему изучения верстки. Мой максимум это HTML i CSS. Сайт будет представлять из себя небольшую записную книжку( не часто используемую). Пока без картинок, просто текст. Естественно буду пытаться сделать его, чтобы он нормально читался и на компьютере и на мобиле (адаптивным). На рисунках, что приложу, я набросал своё представление о том как он будет выглядеть. В сети нашёл небольшой визуальный пример, что мне понравился( нравится). //Движки и блоги использовать не хочу, это сложно для меня. Написал текст, вставил его в стандартную страницу htmlя и написал ссылку на главной станице сайта, вот все что мне нужно.
-
Здравствуйте. Помогите с Html и css Сам я начинающий и пока только учусь. Есть index.html к нему style.css получается криво, а надо одинаковые строчки. Спасибо. P.S. буду признателен если подскажите как сделать что бы текст был строго по центу. index.html style.css
-
Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!
-
Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?
-
Добрый день, уважаемые разработчики. Прошу помощи, так как не имею знаний ни в css, ни в html, а проблема настолько простая, что стыдно кого-то нанимать чтобы это кто-то сделал. Есть сайт гостиницы, на главной странице установлен виджет бронирования bukza. Дело в том, что виджет этот, когда открываешь мобильную версию, прячется под нижний блок, хотя position: absolute имеет. Десктоп версия: Мобильная версия: Прошу, комрадс, помогите мне исправить это.
-
имеется такая разметка шапки, черные полоски это центровщик , красный блок , и зеленый блок. Может ли кто подсказать как сделать такую разметку? чтобы зеленый блок прилип к красному и в тоже время был на весь экран(т.е с правой стороны выезжал за центровщик ) ?
-
Здравствуйте уважаемые гуру. У меня такая проблема. Я написал сайт (заглушку). Пусть называется папка "Заглушка 1" Если я переменную папку в любое другое название, или просто переношу папку в другое место, то все размеры и местоположение элементов сбиваются. Хотя в файле index.hmtl ссылка указана следующем образом <link rel="stylesheet" href="css/style.css">. название "Заглушка 1" ни где вроде бы не фигурирует больше. Спасибо большое, если подскажете. Очень сильно поможете!
-
Добрый день! Возникла проблема: при просмотре сайта на экране с разрешением меньше стандартного (стандартным принят размер 1200px) временами происходит дергание блоков. Причина - использование стилей. При разрешении экрана от 1200 px и более используются стили styles.css при разрешении экрана менее 1200 px применяются стили @media.css. Получается, что на маленьких экранах при обновлении страницы или при клике по пункту меню вначале происходит загрузка стилей styles.css и лишь за тем @media.css, в итоге, происходит небольшое подергивание блоков. Как можно решить эту проблему? Styles.css - набор стилей по умолчанию, для стандартных экранов. @media.css - набор классов, рассчитанных под адаптацию для экранов различного разрешения. main.css - хранит информацию для настройки css3 анимации одного из блоков подгружаемой страницы main.html. Порядок подключения стилей на главную страницу index.html следующий: <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/styles.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="css/@media.css" rel="stylesheet"> Ошибка отображена на скринах. Адрес сайта: hexamech.ru
-
Форумчане, хотел у вас узнать насколько важен pixel perfect в современной верстке. Верстаю учебный макет, дизайнер сделал его вполне красиво, но когда верстаешь - падинги у элементов везде разные (допустим внутри списка у элементов li), либо margin в блоках, и таким моментов море........такое чувство что когда дизайнер рисовал макет, он особо не заморачивался и пихал на глаз, и мне приходится для каждого из элементов списка допустим использовать nth-child, пытаясь добиться попиксельного сходства с макетом родителем. Скажите, по вашему опыту, все это дрочь? Или есть такие заказчики которые требуют идеальной совместимости? Или все же хватает красоты и 100% сходства добиваться не стоит?
-
Ищу удаленную работу с возможностью развиваться в фронтенде. Пример верстки https://nzgf1434.github.io/malyshev.github.io/ исходники https://github.com/nzgf1434/waxom-page Учился в EPAM. C#, JS, html, css, gulp, sass, svg, photoshop, zeplin, продолжаю учиться сам. От 5000 р. / нед. arsenalsar@yandex.ru
-
Создаю сайт для предприятия ( у меня учебная практика) и нам нужно на сайт добавить новостную ленту с функцией добавления новостей. Чтобы пользователь мог видеть и добавлять новости. Мб у кого есть код? Друзья, помогите, пожалуйста..
-
https://artrises.github.io/ Не получается найти причину, под логотипом есть небольшой отступ, перерыл все включая использование инспектора, у лого в футере был же такой отступ, он был из-за встроенного в normalize - line-height.Заранее спасибо
-
https://artrises.github.io/index.html Всем добрый день, это моя первая работа, прошу конструктивно описать какие проблемы есть, какие ошибки допустил (хочу не вырабатывать говнокод), а постепенно реализовывать себя как толкового фронтендера. Поэтому будет важно все - мои косяки, ваши предложения, огрехи которые вы увидели в работе. И прошу помочь с одной проблемой - логотип в шапке - под ним как будто маленький маргин\паддинг, но я обнулил его, через инспектор тоже не нашел в чем проблема, какая то брешь между логотипом и контейнером оберткой. Заранее спасибо.
