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