Я только начала учится верстке на сайте. У меня задача разместить в хедере иконки соц групп и позиционировать их по центру шапки. Вставляю стили прямо в хедер, чтобы не было перезаписаний в style.css, во так: <div style="position: absolute;top: 120px;margin-left: 430px;><a target="_blank" href="https://ok.ru/"><img src="http://test.cafe-jara.ru/ok.jpg" alt=""></a></div> Иконки позиционируются в нужное место, но урл не кликабельный, не могу понять в чем же дело, прошу совета вашего посмотреть можно тут - test.cafe-jara.ru
Дело во внимательности: кавычки надо все закрывать. HTML: <div style="position: absolute;top: 120px;margin-left: 430px;><a target="_blank" href="https://ok.ru/id53165780369644"><img src="http://test.cafe-jara.ru/ok.jpg" alt=""></a></div> <div style="position: absolute;top: 120px;margin-left: 480px;><a target="_blank" href="https://vk.com/club78827644"><img src="http://test.cafe-jara.ru/vk.jpg" alt=""></a></div> В обоих тегах незакрыты кавычки у style, что ломает последующую вёрстку. И небольшой ликбез - использовать абсолютное позиционирование без крайней необходимости - очень плохо!
Спасибо! И не заметила бы... Пока мне что я выучила, так это позиционирование, а какие еще варианты есть, чтобы направить текст в хедере в нужное место?
Есть float и margin. А сейчас есть ещё и flexbox - не самая простая штука, но даёт просто сказочные возможности, которые раньше делались через разнообразные костыли.