HTML / CSS ссылки на Facebook

0

В настоящее время я изучаю HTML/CSS/JAVASCRIPT. Я борюсь с позиционированием специально и задаюсь вопросом, может ли кто-нибудь помочь. У меня есть фиксированное фоновое изображение в моем заголовке (html и css) ниже.

HTML

<header>
    <h1>GEORGES BAR & GRILL</h1>
    <div>
        <section id="intro" />
        <img src="/Users/stewartlight/Documents/Stews_Stuff/Uni/SP3/GBAG/Images/restaurant_1.jpg" />
        </section>
    </div>
</header>

CSS

#intro img {
   position: relative;
   top: 0;
   right: 0;
   width: 960px;
   height: 500px;
}

Я пытаюсь добавить ссылки "facebook" и "twitter". Я изо всех сил пытаюсь заставить ссылки сидеть на заднем плане и позиционировать в верхнем правом углу. Если кто-то может помочь, я буду очень благодарен.

Теги:

1 ответ

0

Вы хотите, чтобы положение изображений было "position:absolute;" и вы хотите, чтобы содержащий div имел "position:relative;" это то, как осуществляется абсолютное позиционирование. Вы должны объявить, что вы позиционируете его относительно, а затем установите то, что вы позиционируете абсолютно для "position:absolute;"

Ещё вопросы

Сообщество Overcoder
Наверх
Меню