Форум русской поддержки Joomla!® CMS
10.12.2016, 18:46:02 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 99 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Pav
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 8


« : 17.09.2016, 14:13:29 »

Добрый день!
Пытаюсь создать свой первый сайт и возникла следующая проблема. Не получается правильно вставить кнопку-ссылку в хедер сайта.
Пробую два варианта:
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; }

Если нужно показать больше кода, то я добавлю.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet