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

Pavl

Дата 28.9.2016, 20:17 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 28.9.2016

Репутация: нет
Всего: нет

Суть вопроса в том, что при уменьшении окна браузера, происходит уменьшение хедера с изображением. А размер кнопки при этом остаётся неизменным. То есть на экране происходит диспропорция самого хедера и кнопки-ссылки в хедере. Как сделать, чтобы при уменьшении (или увеличении) окна браузера пропорционально друг другу изменялся размер хедера и кнопки-ссылки в хедере?
Спасибо!

Привожу часть кода 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: absolute; right:10px; top:55px; margin-bottom: -130px;}

Код


.header {
    margin-bottom: 10px;
    position:relative;

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »