Очень растянутое изображение в шапке сайта

голоса: 0
Как его сделать нормальным?     <param name="flashvars" value="XMLPath=http://hizhina-hutsula.ucoz.com/photo/1-0-0-55 height=">  </object><div style="position:relative;">  <img src="http://hizhina-hutsula.ucoz.com/N2/kopija_112.jpg" height="380" width="930">
Адрес сайта hizhina-hutsula.ucoz.com
| Автор: | Категория: Дизайн сайта
Чтобы шапка не была громадной, не стоило устанавливать фото таких огромных размеров, достаточно было нарисовать фото размерами 1266х300 в отличии от текущего размера 2568х1659, это ужас конечно, в итоге и уменьшить стилями выходит не очень так как все давится и получается ужас, изменяйте размеры фото, после в стилях удалите строку height: 500px; что я писал ниже.
Юрий, Вы уж меня тупоголового извините, пожалуйста. Все пошло, как Вы и советовали. Спасибо Вам огромнейшее!

Ответов: 1

голоса: 0
 
Лучший ответ

Замените этот код:

<div style="position:relative;">

<img src="http://hizhina-hutsula.ucoz.com/N2/kopija_112.jpg" height="380" width="930">
</div>

на:

<div class="shapohka">

<img src="http://hizhina-hutsula.ucoz.com/N2/kopija_112.jpg" height="380" width="930">
</div>

 в стили добавьте:

.shapohka img {
    width: 100%;
    height: 500px;
}

| Автор:
Выбор ответа лучшим | | Автор: webanet
...