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

Pav

  • Новичок
  • 8
  • 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; }

Если нужно показать больше кода, то я добавлю.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать из кнопки «Читать дальше» простую ссылку?

Автор Mnojitell

Ответов: 7
Просмотров: 653
Последний ответ 18.09.2017, 11:45:04
от shrek_01
Мобильная версия сайта helix

Автор Vitek

Ответов: 0
Просмотров: 76
Последний ответ 03.09.2017, 07:11:30
от Vitek
Поиск информации по Базе другого сайта

Автор CR@B

Ответов: 0
Просмотров: 87
Последний ответ 27.07.2017, 09:49:01
от CR@B
Шапка сайта

Автор Dr.SergeyP

Ответов: 26
Просмотров: 5602
Последний ответ 24.07.2017, 10:39:58
от stendapuss
Шаблон Protostar и внедренные в него ссылки на.js файлы

Автор Igoritaly

Ответов: 2
Просмотров: 184
Последний ответ 10.07.2017, 09:17:39
от ChaosHead