Задать вопрос
@Artyom_Z

Как сделать так, чтобы кнопка в шапке сайта не прыгала при загрузке страницы?

Необходимо вставить в шапку сайта кнопку. Добавил в header.php строки:
<div class="banner"><div>
 <strong><a href="http://xxx.html"><img class="alignnone size-medium wp-image-779" src="http://xxx/button_tour-300x107.png" alt="button_tour" width="300" height="107" /></a></strong>
 </div>
 </div>


В style.css добавил:
.banner {
 float: right;
 margin-top: 130px;
 margin-right: -360px;
 }


И при загрузке страницы кнопка скачет. т.е. сначала занимает неверное положение, а потом перепрыгивает на правильное.
Подскажите как победить?
Сайт nashe-mesto.com
  • Вопрос задан
  • 882 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@lnked
.banner {
    position: absolute;
    top: 150px;
    right: 0;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы