Question

I am trying to display a logo in my header. It has a div with class bannerPicture where I have specified the location of logo:

.bannerPicture
    {
     width: 213px;
     height:128px;
     background: url(logo_uhhipl.gif) repeat 0px 3px;
    }

and my html is as follows:

<header>
    <div id="showlogo" class="bannerPicture">
    </div>
</header>

My problem is, the logo appears behind the text if i add any text within the div “showlogo” and it does not display if i leave it blank like above. Any suggestions is appreciated.

Is it because I do not have inside div?

Answer 1

Since it is in the CSS, it appears as a background image. Also, since there is no specified width or height for the element, the background won’t show. It seems to me what you are aiming to do is actually declare the image in the HTML, not the CSS.