CODEWITHSUNDEEP
htmlimagecss
Val Sedano
Val Sedano

Reputation: 21

Header Text over Image

I want my Header text (Events, Blog, About) to LAY ON TOP OF the "Images/Damask.png" image. Instead the image is displayed at the very top of the header with the text BELOW the image. 

<header>

    <header>
    <img src="Images/Damask.png" width="100%" border="0" height="200" class="header">
        <a href="index.html" id= "logo">![enter image description here][1]
            <h1>J Barnes Events</h1>
            <h2>Indianapolis's Finest<h2>   
        </a>
        <nav>
            <ul>
                <li><a href="index.html" class="selected">Events</a></li>
                <li><a href="about.html">Blog</a></li>
                <li><a href="contact.html">About</a></li>
            </ul>
        </nav>
</header>

Upvotes: 0

Views: 3540

Answers (1)

Fahad Hasan
Fahad Hasan

Reputation: 10506

Instead of separately adding an image, you can simply add the following CSS to your stylesheet and that would achieve what you're trying to do:

header {
     background-image: url('Images/Damask.png');
}

Upvotes: 2

Related Questions