Search the Community
Showing results for tags 'css'.
-
При уменьшении размера браузера и разрешении <=1024 пункты меню едут вниз
allseo posted a question in HTML Coding
Адрес сайта: shoporus.ru , буду благодарен за помощь в решении данной задачи! -
Попросили добавить текста немного на сайт. Добавил блок со списком, отображение вот такое Какие стили отвечают за такое отображение? Его стили на данном этапе)) div style="position: relative; clear: both;" "position: absolute; clear: both; z-index: 1000;" - отображает вот так почему "type" для ul не отрисовывает маркеры? Вроде на дримвивере написан, хотя хз))
-
Необходимо сверстать такую вот форму. Понятия не имею что делать с нижней частью бордера чтобы он прирывался. Зараннее благодарен добрым людям!
-
Как запустить файл типа index.php на пк?
-
Доброго всем времени суток, нужна ваша помощь . Нужно сделать небольшое всплывающее окно на лэндинг которое показывает сообщения типа "Сейчас марина купила товара на сумму ххх " или "Осталось товара по акции;5шт" , по ссылке пример. Желательно сделать 1в1 . всех благодарю за помощь !
-
Проблема с использованием псевдоклассов (в частности :last-child)
666FoX666 posted a question in HTML Coding
Здравствуйте! Возникла проблема с "версткой" шапки. Имею следующий код: HTML: CSS: Вся проблема в том, что я не могу догнать как мне убрать у последних элементов в nav и nav-profile боковую границу. Я уже как только не пробовал, не могу догнать как это осуществить, максимум что получилось, при том варианте что выше - убирается боковая граница у всех элементов меню вообще. Да, я могу сделать отдельный класс, и присвоить его необходимым элементам, но такое решение совсем как-то не комильфо, мне кажется. Надеюсь на помощь! Заранее спасибо!- 3 replies
-
- :last-child
- псевдоклассы
-
(and 2 more)
Tagged with:
-
Доброго времени суток, как можно осуществить данную проблему? Как показано на картинке, в бордере имеется пространство которое заполнено иконкой, как именно сделать такое пространство?
-
Здравствуйте. Прошу оценить верстку и указать на ошибки. Макет без адаптивности. Верстал по размерам из фотошопа. index.html main.css сайт на хосте - http://www.testwebtest.h1n.ru/
-
Добрый день, не знаю по теме ли вопрос с PHP include, но может кто нибудь знает и поможет. Сайты разрабатываю на локальном сервере. Суть в том что когда я применяю функции php include, почему то стили не работают, но не всегда, потому что до этого я делал тоже самое с другим файлом и все работало нормально. Я просто понять не могу в чем вообще может быть проблема, браузер обновлял crtl+f5, чистил кэш. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/vsestyle.css"> </head> <body> <header> <div class="box"> </div> </header> <section> <div class="box"> <?php include"blocks/left-side-bar.php" ?> <?php include"blocks/right-side-bar.php" ?> </div> </section> <div class="box"> </div> </section> <section> <div class="box"> </div> </section> <section> <div class="box"> </div> </section> </body> </html> body { padding: 0; margin:0; } header { background: url(/img/vseback.png); height: 300px; } // СТИЛИ ЛЕВОГО БОКОВОГО МЕНЮ И БЛОКА .menu { float: left; } .menu li { list-style-type: none; padding: 10px; } .menu li a { text-decoration: none; } .left-side-bar { float: left; } // СТИЛИ ПРАВОГО БОКОВОГО БЛОКА .right-side-bar { float: right; font-size: 30px; } Так вот все стили применяются корректно, кроме последнего .right-side-bar. В том числе к include"blocks/left-side-bar.php" стили применились нормально, помогите) Кроме того, класс "menu", вложен в left-side-bar.php и на нем все стили отображаются нормально.
-
https://ibb.co/fTNKL9 Здравствуйте, подскажите варианты реализации, на данный момент сделано псевдо элементами и при изменении разрешении разъезжается стык, как можно сделать что бы при любом разрешении стык был ровный.Прикрепляю весь сайт. Desktop.zip
-
Новый крупный проект. Приглашаем в наш не большой, но дружный коллектив. Рассмотрим кандидатов с опытом и навыками - верстка и интеграция (в одном лице). Готовность быстро вникнуть в HostCMS. Требования: - знание HTML и CSS; - кроссбраузерная верстка (все: экраны, ОС, девайсы); - адаптивная, отзывчивая и резиновая верстка; - умение тестировать верстку; - web / mobile; - аккуратность и внимательность к деталям; - способность быстро учиться; - работа в команде Веб-студии; - желания познавать новое, развиваться в области программирования. Условия. Работа: - в офисе (возможно удаленно) в пешей доступности от метро Шелепиха (3 минуты); - по согласованию: почасовая, полный рабочий день; на 1/2 ставки; работа день через день (1х1); - оплата по договоренности (почасовая / таймтрекинг). - офис оснащен кондиционерами‚ бесплатные напитки (кофе‚ чай‚ молоко‚ вода); - отсутствие дресс-кода. Интересные проекты: интернет-магазины, корпоративные порталы, iOS / Android приложения. Стабильная зарплата, возможность карьерного роста. Москва, Международная, Шелепиха, Шмитовский проезд, 34с10. контакты: ash@wmgrus.ru
-
- верстка
- интеграция
- (and 4 more)
-
Есть страничка по адресу http://sale.srfhm.ru/css_bug/ В ней есть табличка сделанная на UL LI тегах, и вот в ячейке Описание, где выводится описание для типа питания не влезает весь текст и остальную часть не видно, скрывается стилем - overflow: hidden Пробовал убрать этот overflow, тогда вообще таблица вся разъезжается... В верстке не особо силен, подскажите пожалуйста где поправить что, чтобы текст нормально влез и весь отображался... Пробовал уже по всякому, всю голову сломал! Заранее огромное Спасибо!
-
Добрый день, при вертске столкнулся с такой проблемой, на первом скриншоте я старался с позиционировать элементы, что бы текст шел как бы лесенкой а между ними фото. http://joxi.ru/D2Pz9gOTp65Z7r Но после того как я добавляю вторую картинку элемент с текстом почему то присасывается к верхней части, хотя до этого я задал ему clear: left; что бы он расположился под первой картинкой. После добавления картинки, получается вот так http://joxi.ru/nAyvGpPtYbzRdr Помогите решить проблему, правильно ли вообще я позиционирую элементы на странице? или же можно решить туже задачу проще? Html этой секции <div class="box"> <div class="company"> <p>Наша компания на протяжении многих лет занимается производством крема из экологически чистых материалов. Мы предосталвяем широкий ассортимент кремов для разных целей. Именно нас на протяжении многих лет выбирают покупатели, потому что хотят получать результат, а не просто выкидывать деньги на ветер.</p> </div> <div class="company"> <p>В наших кремах испольщуются только природные и экогологически чистые материалы, включая фрукты вроде кокоса или сладких личи. Использование подобных материалов помогает поддерживать кожу в здоровом виде и не допускать ее высыхания, в том числе это благоприятно сказывается на лечении разных кожаных болезней и дерматологии.</p> </div> <img src="/images/crem.png" alt="Крем фото" class="photo"> <div class="company"> Эмульсионные кремы бывают двух типов – масло-вода и вода-масло. В первом случае эмульсия имеет жидкую консистенцию и используется для изготовления дневных увлажняющих кремов. Благодаря высокому содержанию воды (до 70 процентов) они восполняют потерю влаги, легко наносятся, быстро впитываются, не оставляя жирного блеска на коже. </div> <img src="/images/crem1.png" alt="эмульсия" class="photo"> </div> </section> css этой секции .company { width: 450px; text-align: justify; float: left; font-size: 20px; } .company:nth-child(2) { width: 450px; text-align: justify; float: right; margin-top: 250px; } .company:last-child { float:left; width: 450px; clear: left; } .photo { float: left; width: 400px; height: 400px; } .photo:last-child { float: right; }
- 4 replies
-
- positioning
- div
-
(and 4 more)
Tagged with:
-
Здравствуйте! Меня зовут Андрей и я front-end разработчик. Знаю HTML, CSS, JavaScript и Jquery. Я уже сверстал 13 psd макетов и уже имею опыт в этой сфере. Но, для того чтобы сделать еще больший опыт я предоставляю вёрстку бесплатно. Чтобы заказать пишите снизу. Надеюсь на дальнейшее сотрудничество!
-
Доброго времени суток. Eсть опыт в адаптивной кроссбраузерной верстке более 3-х лет. Присутствуют знания таких языков как: html(продвинутый уровень); css(продвинутый уровень); js(базовый уровень); jQuery(базовый уровень); php(базовый уровень); Так же имеются знания фреймворков, систем и препроцессоров: bootstrap; less; sass Владею навыками: Wordpress и соответствующей интеграцией под данную CMS. Joomla Одна из последних работ http://test1.ramos78h.beget.tech/ По всем вопросам в skype: sergio09931, ВК: id392591806, почта: ramos7691@gmail.com
-
Приписал body{ background-image: url(img/fon.png) } Сразу фон есть , а после обновления изчезает. И так с любой картинкой Подробней в скриншотах
- 2 replies
-
- image
- background
-
(and 2 more)
Tagged with:
-
Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции. Мое портфолио: https://alex2033.github.io/sites/BlackDone/index.html https://alex2033.github.io/sites/Sandeo/index.html https://alex2033.github.io/sites/Barbershop/index.html https://alex2033.github.io/sites/Skylith/index.html https://alex2033.github.io/sites/Unicorn/index.html https://alex2033.github.io/sites/Bouncy/index.html Остальные работы вы можете посмотреть здесь: https://alex2033.github.io/ Навыки: - Знание HTML5, CSS3 - Опыт адаптивной, семантической, кроссбраузерной верстки - CSS3 анимация - знания Javascript на уровне jQuery - Использование препроцессоров LESS/SASS/Stylus + Pug - Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode - Именование классов по методологии БЭМ-нейминг - Gulp, npm, bower - Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid) - Умение работать с фреймворками bootstrap 3, 4, foundation - Знание английского на уровне чтения документации - Навык работы с векторной графикой SVG - Умение использовать flexbox, css-grid там где это необходимо Форма связи: Email - XoxlofAlexandr@yandex.ru - преимущественно Skype - Xronaliz Также можете написать на этом сайте Благодарю за внимание и хорошего дня:)
-
Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции. Мое портфолио: https://alex2033.github.io/sites/BlackDone/index.html https://alex2033.github.io/sites/Sandeo/index.html https://alex2033.github.io/sites/Barbershop/index.html https://alex2033.github.io/sites/Skylith/index.html https://alex2033.github.io/sites/Unicorn/index.html https://alex2033.github.io/sites/Bouncy/index.html Остальные работы вы можете посмотреть здесь: https://alex2033.github.io/ Навыки: - Знание HTML5, CSS3 - Опыт адаптивной, семантической, кроссбраузерной верстки - CSS3 анимация - знания Javascript на уровне jQuery - Использование препроцессоров LESS/SASS/Stylus + Pug - Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode - Именование классов по методологии БЭМ-нейминг - Gulp, npm, bower - Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid) - Умение работать с фреймворками bootstrap 3, 4, foundation - Знание английского на уровне чтения документации - Навык работы с векторной графикой SVG - Умение использовать flexbox, css-grid там где это необходимо Форма связи: Email - XoxlofAlexandr@yandex.ru - преимущественно Skype - Xronaliz Также можете написать на этом сайте Благодарю за внимание и хорошего дня:)
-
В молодую креативную студию Team Z требуются: Frontend и Backend разработчики, на проектной или постоянной основе. Языки HTML CSS java jquery bootstrap react, хорошо если стэк angular При обращении, скидывается тестовое задание, при удачном выполнении, начинаем работать. т.к наша студия состоит в 2х клубах (это позволяет нам работать с крупными заказчиками из москвы и аутсорсить зарубежные заказы) все разработчики должны проходить небольшую аттестацию в виде тестовых заданий по направлениям с которыми они работают Все интересующие вас вопросы задавать на почту указанную в профиле, или в контакте: https://vk.com/id428650440
-
Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом.
- 3 replies
-
- для новичков
- html
-
(and 3 more)
Tagged with:
-
Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом: <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'"> Как javascript, помещал таблицы стилей в самый низ кода страницы. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон (также Google бот не загружает стили)! Менял самые основные на обычный link rel="stylesheet" type="text/css"-загружается, но скорость загрузки существенно падает. Может, preload не работает на мобильных устройствах? Информации по этой части в интернете не нашёл... Вот сайт. Rel='preload' с onload использовал только на страницах мужских часов и на главной странице. Буду рад любой помощи и совету!
-
Здравствуйте, подскажите пути решения такой вот задачи: Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?
-
Здравствуйте, подскажите пожалуйста, нормально ли будет, если для адаптивного меню я буду использовать два меню в html коде, а не одно, стили которого меняются только в медиа-запросах css? И если кому не трудно, можете скинуть код готового меню, которое вы используете.