Держать изображение баннера по центру при изменении размера окна?

Question

Держать изображение баннера по центру при изменении размера окна?

0

У меня проблема с баннером, который я пытаюсь использовать для своего сайта. Изображение - 1960px x 196px. Вот мой код. Я просто не могу понять. Я пытаюсь сделать так, чтобы изображение само по себе при изменении размера браузера, поэтому сохраняя изображение в центре.

<div id="nav-wrapper">
        <nav><center><div class="logo"></div></center></a>
            <ul>
                <li><a href="index.html" class="active">Home</a></li>
                <li><a href="http://614reborn.com/forum/forum.php">Forum</a></li>
                <li><a href="http://614reborn.com/webclient.html">Play Now</a></li>
                <li><a href="http://614reborn.com/download.html">Download</a></li>
                <li><a href="http://614reborn.com/donate/">Donate</a></li>
            </ul>
        </nav>
    </div>

Nav-обертку:

#nav-wrapper {
margin: 0px auto;
margin-bottom: 0px;
background-position:no-repeat;

логотип:

.logo {
background: url('../img/logo.png') no-repeat 0 0;
display:block;
margin:0 auto;
width: 1960px;
height: 196px;

Пожалуйста, кто-нибудь поможет в этом вопросе, его раздражает меня какое-то время! Благодарю.

user3163337 05 янв. 2014, в 21:04

Источник

Теги:

html

css

image

banner

2 ответа

Ещё вопросы

Martin42006 · Answer 1 · 2014-01-05T17-48-00.000Z

вы можете использовать

    align='center'

надеюсь это поможет :)

Abhishek · Answer 2 · 2014-01-05T17-10-00.000Z

0

Добавьте это в свой css:

.logo { 
        max-width: 1960px;
        margin: 0 auto;
        width: 100%;
        height: 196px;

 }

 #nav-wrapper { width: 100%; }

Abhishek 05 янв. 2014, в 17:10

0

Я пытаюсь сделать так, чтобы изображение обрезалось само по себе, когда вы изменяете размер браузера, поэтому держите изображение в центре. Извините, я не объяснил проблему правильно в вопросе. Я попробовал это, и это не сработало.
user3163337 05 янв. 2014, в 20:17
0

Я отредактировал код проверки, если это помогает
Abhishek 05 янв. 2014, в 20:23