CSS Image layover 1

[skiflyer]

I'm trying to do something rather simple, and failing miserably... I'm sick of making a new banner everytime I make a new page for my site... so I have a template, and I just want to lay some text over it, I'm playing with z-index, but just cannot get this to work, the more I tinker, the farther I am from my answer.

Basically I want this to be an h1, I have something like this...

h1
{
color: red
}

img
{
z-index:-1
}

I dunno, I'm lost... cannot find myself a decent tutorial which actually works (the one at w3schools looks great on their site, but bonks when I copy and paste it)

Thanks for any help.

-Rob

 

[ChrisHirst]

Use CSS and put the image as a background for a <div>

.header {
background-image: imageURL;
background-repeat: no-repeat
}

<div class=&quot;header&quot;><h1>Some text</h1></div>




Chris.

Indifference will be the downfall of mankind, but who cares?

 

[skiflyer]

Ah lookit that, it can be just the background for the div and not the whole page... wonderful, thank you.

-Rob