HTML& CSS Урок 17. Верстка сайта часть 3 - StudioProWeb

Подписаться 6 тыс.

Просмотров 6 тыс.

50% 1

Привет, друзья! С вами studioproweb и мы наш видеокурс по html и css. В этом видео мы продолжаем верстку интернет магазина по psd макету фотошопа и сверстаем с вами футер сайта.
Не забудь подписаться на наш канал, чтобы не пропустить новые видеоуроки:
/ @studioproweb
По всем вопросам, ждём Ваших писем:
ВК: public206129713
Телеграм: t.me/studioproweb
proweb.contacts@gmail.com

Опубликовано:

19 янв 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 18

@user-iu5xh1wl1c Месяц назад

9:19 div class="left в-аду"😁

@user-op5vd1db3l 6 месяцев назад

Привет, у меня в футере, инпут при добавлении падингов код - footer .rigth form input[type='text'] { padding: 8px 0; } не применился , а получилось применить footer input[type="text"] { padding: 8px 0;}

@ap6y3uk60 2 года назад

Не могу понять. Все делаю точно так же, как в видео, но, при наведении курсора на иконку ИНСТЫ, ТЕЛЕГРАММА и ВК - они не обводятся в оранжевый круг. Есть ли вероятность, что у изначальных файлов (самих иконок, которых скачал из гугла) есть свой бэкграунд, который надо пофиксить?

@studioproweb 2 года назад

скачайте такие же иконки, но уже с готовым другим цветом и просто меняйте их при наведении курсора мышки в свойстве background

@grigoriyfomenko4927 Год назад

Когда мы делаем footer, мы задаем padding сверху и снизу. Почему мы не задаем отступ слева? У меня в итоге получается, что ЛОГО в footer смещено влево, относительно ЛОГО в header. А у вас на видео они почти один под другим. В чем у меня ошибка?

@studioproweb Год назад

здравствуйте. отступы слева и справа происходят за счет .container. скорей всего вы не создали div container в футере. в любом случае предлагаю посмотреть на ваш код, чтобы точно знать в чем проблема и так я смогу лучше подсказать вам. proweb.contacts@gmail.com

@user-rf1st3ni4u Год назад

Когда я ввел ссылки в nav у меня они не отображаются в футере, но в коде есть, подскажите что делать

@studioproweb Год назад

здравствуйте. пришлите, пожалуйста, пример кода к нам на почту

@user-si1xt5by1o 11 месяцев назад

здравствуйте, делал как по видео код, но футер правый где поиск по каталогу не изменяется: footer .right form div{ justify-content: left; width: 600px; } footer .right form input [type="text"] { padding: 8px 0px; max-width: 100%; background: none; } не отображаются изменения, то естьбелая строка поик по каталогу а дальше не меняется как прописано в футер

@user-mr3qh9tg1n 8 месяцев назад

у меня также было, проверь чтобы все теги( по буквам проверяй) были правильными, а еще у тебя после инпут между квадратной скобкой пробел, такого не должно быть, еще можно попробовать в место max-width: 100%; а просто width: 100%;

@user-pc5up8px4w 7 месяцев назад

@@user-mr3qh9tg1nо, точно, спасибо за совет про пробел, забыла про него) помогло)

@dadadnetnet4335 11 месяцев назад

Когда уроки по js

@user-xp8vf7gc7h Год назад

23:12 чтобе 😂😂😂😂 ору

@user-jr5go5mh3p Год назад

было прекрасно если бы были hover картинки мессенджеров а то в интернете такие сложно найти а у самого руки крюки

@studioproweb Год назад

здравствуйте. Эффект hover Создается в ручную с помощью css свойств. В наших уроках мы показываем, как сделать эффект hover.

@user-jr5go5mh3p Год назад

@@studioproweb я имел ввиду логотипы мессенджеров с оранжевым фоном , извиняюсь если до этого некорректно выразился

@user-rm7zq2td4e 2 года назад

Здравствуйте. Делаю все как вы показываете, все было нормально, пока не дошло дело до ссылок в футоре. У меня почему то при наведении курсора на картинку ссылки соц. сетей, картинка пропадает. Долго ковырялся в коде, так ничего и не получается. В итоге решил ситуацию по другому. Теперь у меня картинка меняется на другую картинку, так даже прикольней. footer .right .insta { background: url("../images/main/insta.png") no-repeat; background-size: cover; } footer .right .insta:hover { background: url("../images/main/instagram.png") no-repeat; background-size: cover; cursor: pointer; Изначально писал как вы показывали но не работает: footer .right .insta { background: url("../images/main/insta.png") no-repeat; background-size: cover; } footer .right .insta:hover { background: url("../images/main/insta-hover.png") no-repeat; background-size: cover; cursor: pointer;