New course! Every coder should learn Generative AI!
Try a free lesson+ 1
How to add banner image and text over it
6 Answers
+ 6
z-index css property
+ 2
It would need some cssing
.banner {
background-image:url ('banner.png');
background-size:cover;
}
.header {
padding:10px 0px 0px 20px;
}
Now, in <body> tag, use it
<body>
<div class='banner '>
<div class='header>
<h1> Page Header </h1>
<p>Some text </p>
</div>
</body>
+ 2
show image by img tag
then show text by tag ex p or b
then by z-index property for text and value great ex 1000 show text hover img
and position property value relative and top and left property move text on img
ex css code
p{
position: relative;
top: 20px;
left: 200px;
z-index: 1000;
}
good luck
+ 1
@Devender Mahajan, you have lost one </div> ๐
0
You can't, just create a banner with text already on it and then embed it wherever you want.
0
Thanks @Yaroslav for pointing it out
Often have questions like this?
Learn more efficiently, for free:
Hot today
Strange narrowing conversion error from FLTK Color to Color Struct, Stroustrup's header Graph.h
0 Votes
[ solved ] Programming sickness
3 Votes
Effects on HTML and JavaScript
0 Votes
Encryption and Decryption
1 Votes
Izzy the iguana
0 Votes
Any good alternative to do this
2 Votes