0 Пользователей и 1 Гость просматривают эту тему.
  • 0 Ответов
  • 604 Просмотров
*

Pav

  • Новичок
  • 8
  • 0 / 0
Добрый день!
Пытаюсь создать свой первый сайт и возникла следующая проблема. Не получается правильно вставить кнопку-ссылку в хедер сайта.
Пробую два варианта:
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
Просмотров: 12568
Последний ответ 07.02.2023, 02:10:57
от bleznetc
Внешние ссылки в Yootheme Pro

Автор Lemonez

Ответов: 1
Просмотров: 484
Последний ответ 28.12.2021, 23:32:33
от Lemonez
Скрыть только текст ссылки

Автор kosh2323

Ответов: 10
Просмотров: 683
Последний ответ 26.10.2021, 10:40:57
от kosh2323
Как отделить иконку Awesome от текста ссылки?

Автор kosh2323

Ответов: 3
Просмотров: 602
Последний ответ 19.10.2021, 10:37:32
от ShopES
Helix Ultimate 2 свой хедер

Автор kosh2323

Ответов: 8
Просмотров: 692
Последний ответ 10.10.2021, 15:32:50
от kosh2323