Добавление кнопки-ссылки в хедер сайта

Добрый день!
Пытаюсь создать свой первый сайт и возникла следующая проблема. Не получается правильно вставить кнопку-ссылку в хедер сайта.
Пробую два варианта:
1) В свойствах кнопки-ссылки задаю относительное позиционирование. Результат - кнопка устанавливается, но при этом высота хедера увеличивается на высоту кнопки. то есть хедер становится больше по высоте и вверху хедера появляется дополнительный ненужный белый фон. То есть, получается не красиво.
2) В свойствах кнопки-ссылки задаю абсолютное позиционирование. Результат - кнопка устанавливается и на этот раз высота хедера не увеличивается и это хорошо. Только, возникает другая проблема - при сокращении окна браузера кнопка-ссылка начинает "плавать" по сайту.
Цель - сделать так, чтобы при вставке кнопки-ссылки в хедер, хедер не становится больше по высоте и при этом не начинал "плавать" по сайту! Что конкретно нужно для этого сделать?
Привожу часть кода index.php и template.css:

index.php

Код

<!-- Header -->
          
			<header class="header" role="banner" >
                <a href="index.php/svyazatsya" id="blok2"><img src="images/headers/vopros.png" ></a>
            <div class="header-inner clearfix">
              
					<a class="brand pull-left" href="<?php echo $this->baseurl; ?>/">
						<?php echo $logo; ?>
						<?php if ($this->params->get('sitedescription')) : ?>
							<?php echo '<div class="site-description">' . htmlspecialchars($this->params->get('sitedescription')). '</div>'; ?>
						<?php endif; ?>
					</a>
					<div class="header-search pull-right">
             </div>
                   
				</div>
              </header>

template.css

Код

#blok2{ position: relative; left:855px; top:130px; }

Если нужно показать больше кода, то я добавлю.

Не работают кнопки "сохранить","сохранить и закрыть","закрыть" в менеджере шаблонов Автор PITKANENNN	Ответов: 23 Просмотров: 15732	07.02.2023, 02:10:57 от bleznetc
Внешние ссылки в Yootheme Pro Автор Lemonez	Ответов: 1 Просмотров: 1256	28.12.2021, 23:32:33 от Lemonez
Скрыть только текст ссылки Автор kosh2323	Ответов: 10 Просмотров: 1207	26.10.2021, 10:40:57 от kosh2323
Как отделить иконку Awesome от текста ссылки? Автор kosh2323	Ответов: 3 Просмотров: 1145	19.10.2021, 10:37:32 от ShopES
Helix Ultimate 2 свой хедер Автор kosh2323	Ответов: 8 Просмотров: 1231	10.10.2021, 15:32:50 от kosh2323

Добавление кнопки-ссылки в хедер сайта - Joomla 3.x: Шаблоны, разметка и макеты вывода

Новости Joomla

Вышли релизы Joomla 6.0.3 и Joomla 5.4.3

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

Pav

Добавление кнопки-ссылки в хедер сайта

Похожие темы