html banner в заголовке не отображается

Здравствуйте, я новичок в html и css и пытаюсь отобразить изображение в качестве фона в моем заголовке. Но ничего не происходит. Пожалуйста, помогитеhtml banner в заголовке не отображается

Этот мой CSS код, где я поставил të спецификации моего изображения (500 * 2000):

header{ 
background-image: url(../images/banner2.png); 
background-repeat: no-repeat; 
margin: 0 auto; 
max-height:100px; 
width: 100%; 
}

и это мой HTML-код:

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>Contact</title> 
    <link rel="stylesheet" href="../css/main.css" /> 
    </head> 
    <body id = "contact"> 
    <header></header> 
    <div id="page"> 
    <div id="logo"> 
     <h1><a href="../html/index.html" id="logoLink">Baby kleding online</a></h1> 
    </div> 
    <div id="nav"> 
     <ul> 
      <li><a href="../html/index.html"id="homenav">Home</a></li> 
      <li><a href="../html/kleding.html"id="kledingnav">Kleding</a></li> 
      <li><a class="inuse" href="../html/contact.html"id="contactnav">Contact</a>  </li> 
      <li><a href="../html/vragen.html"id="vragennav">Vragen</a></li> 
     </ul> 
    </div> 
    <div class="content"> 
     <h2>Contact</h2> 
    </div> 
    <div class="Images"> 
     <b target="_blank" href="kleding.htm"> 
      <img src="../images/logo.PNG" alt="Boy1" width="300" height="140"> 
     </b> 
    </div> 
</div> 
</body> 
</html>

Заранее спасибо!

источник

2013-11-01 Thomas Pen

Ваш заголовок не имеет высоту установки ;-) –

Либо вы должны иметь высоту и ширину установки или вам нужно заполнить что-то внутри «

» –

Кроме того, если 'header' не позиционируется в некоторых путь, вам не нужно 'width: 100%;' –

Чтобы устранить проблему, вам необходимо назначить высоту заголовку. Это можно сделать с помощью height: [Amount of pixels]px;

Или вы можете добавить что-то между тегами <header></header>, которые сделают заголовок.

источник

2013-11-01 12:57:37

Только высота с 'px' будет работать! –

Я установил высоту на 100%, пока нет результатов. –

Отредактировано .... установите высоту в нужное количество пикселей .... Если вы установите ее больше, чем ваш образ, она просто оставит ее пустой ere изображение должно быть маленьким, чтобы достигнуть .. –

html banner в заголовке не отображается

ответ

Смежные вопросы