HomeОбразованиеRelated VideosMore From: Code Instinct

How to add text over image - HTML and CSS

295 ratings | 49606 views
Read the Description !!! This video is about how to text over an image using HTML and CSS -- -- -- DOWNLOAD the Source code Here: https://www.dropbox.com/s/2vdfmj5fsjgxu0y/Text%20Over%20Image%20Source%20Code.zip?dl=0 ------ ------- ------- ------- ------- -------- Online tools used in this tutorial: 1. Google Fonts: https://fonts.google.com ---- ------ ------ ------ ------ ------ - Code Editor: Brackets - Recorded with : OBS Studio ----- -------- ------- -------- -------- ------- ------- • Music Info: Title: don't leave me here alone Artist: Artificial Music Genre: Hip Hop & Rap Mood: Bright Download: https://goo.gl/BtGV37 ––– • Licence: don't leave me here alone by Artificial.Music https://soundcloud.com/artificial-music Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 http://creativecommons.org/licenses/b... ------ -------- --------- --------- -------- --------- Video Created By: R.Y Baskara
Html code for embedding videos on your blog
Text Comments (33)
Billy Asanih (1 month ago)
What's the last codes in 32?
james add (2 months ago)
Why my page cannot scroll down ??
Jake (2 months ago)
The body has overflow hidden meaning any content that overflows the elements box (the body in this case) will be hidden which clips the content meaning the scroll will never appear If you want to remove it just remove that line of code and replace it with overflow-x: hidden
Ketan Gupta (5 months ago)
Its fake doesn't work! or is it becuase i am using firefox!?
Gaming reviews (1 month ago)
Because you are using firefox!! :P happend to me though
Luccas Santos (5 months ago)
Nice video! What theme was you using during this video?
Priyansh Tiwari (6 months ago)
Your videos are so good. I hope this channel becomes more popular
david smith (6 months ago)
Will this work on an image slider. Or will the text stay on tbe screen when clicking next image. By far the clearest and best tutorial on "text on image".
Voda Voda (8 months ago)
the text I added seems to be below the image. why?
Jake (2 months ago)
Did you add the position: relative to the text-wrapper?
Kristy Vincent (4 months ago)
Mine is doing the same thing. ??
Mikail Usman (9 months ago)
did you use only html to make thta, or did you use both html and css?
Jake (2 months ago)
Both. The content is the html and the styling is the css.
Daveje90 (8 months ago)
he used both
Kinks and Winks (10 months ago)
Super helpful! Thank you.
Shahzaib Jigar (11 months ago)
Which software you using for programming
Adam (8 months ago)
Notepad ++ is what is used in website programming.
Code Instinct (11 months ago)
im using brackets
westfield90 (1 year ago)
Superb lessons. So glad I found your channel.
Code Instinct (1 year ago)
Thank you very much :)
my web (1 year ago)
hey dude your all videos all awesome , keep it up bro...
John Constantine (1 year ago)
Was that notepad? ( sorry I'm kinda new)
Code Instinct (1 year ago)
did you mean the code editor? im using brackets
HowDoIPlayGT (1 year ago)
Awesome video
AveNton MAYA (1 year ago)
Awesome video !!
Zeus (1 year ago)
Epic Work Bro
Zeus (1 year ago)
Your Very Kind, What do you use to edit and do you have any social medias
Code Instinct (1 year ago)
Zeus thanks bro, god bless you
Denis Tadic (1 year ago)
When you resize browser text will go out of picture?Did text stay on middle of picture?
Code Instinct (1 year ago)
Denis Tadic i have tested it if not mistaken the text still remain centered when we resize it. i have provided the sourcecode in the description you may use it
Daniel Ybanez (1 year ago)
your videos are so Dam good , just please add in Audio . Haha it will help out more
Zeus (1 year ago)
I know right, The Animations and the Effects
Code Instinct (1 year ago)
Daniel Ybanez thanks maan :D

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.