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

Make a Photo Gallery Using HTML & CSS

393 ratings | 87989 views
Learn how to make a simple photo gallery web page using thumbnails. You will code this using HTML & CSS.
Html code for embedding videos on your blog
Text Comments (44)
alden baldoza (10 days ago)
Thank you so much.
how to make it dynamic like able to add new images in there cus this is just hard coding the images
tbate54 (1 month ago)
Agreed - not the best tutorial. Try this one instead...https://youtu.be/YTe_-Vhu9cM
Cooper Geyer (4 months ago)
good to hear those aussie birds in the background
Onesmus M Ziki (4 months ago)
great job man. I love this, straight forward teaching. I am your fan now
Robert Rey (7 months ago)
hey man great video. Just one thing, when I put text align in body using CSS the "Click on thumbnail to enlarge" text doesn't move but it does go in the center when I do that using td in CSS. Any idea why? Since td is part of the body. Anyways thx for the vid mate
tbate54 (7 months ago)
Hi mate - I'm not 100% sure without seeing the code, but if it's working your way, just roll with it.
Abhishek Panchmiya (7 months ago)
Too good thanks for sharing
Smile, It's okay (8 months ago)
Yusuf Maulana (8 months ago)
Can u give me source code ?, I want to try. [email protected] Thanks before...
Kevin O'Bill (9 months ago)
Is that on Dreamwave or sublime text?
tbate54 (8 months ago)
Kevin O'Bill Yeah, mate. Basically the same program.
Kevin O'Bill (8 months ago)
tbate54 Can you do that with sublime text?
Kevin O'Bill (8 months ago)
tbate54 Can you do that with sublime text?
tbate54 (8 months ago)
Brackets - brackets.io
EButterflyBeads (10 months ago)
I can't figure out how to get the images to load properly... your program appears to sort of "auto fill" things and after you type img src=, the option to choose a file pops up... I downloaded Brackets, but my text all stays the same color as I type and nothing auto fills or pops up on its own. Is this a setting I can turn on? Or is it part of an updated version that I don't have??
tbate54 (9 months ago)
Just make sure you are saving your images in the same folder as your HTML file. You can put them all into an 'Images' folder to make a cleaner file path.
jeya sutha (11 months ago)
thank you video really helped
Andrew Nesbett (11 months ago)
Best tutorial there is. Thank you!
Cancerous Calls (11 months ago)
the echo actually turns me on
Sahan Thilina (1 year ago)
Thx dude! :)
carl rummenge (1 year ago)
great tutorial a pastebin would be useful for cut and paste.
Johnny (1 year ago)
For some reason I can't get the sub heading <td> to colspan="4". it stays out of place.. -__-
Ash Adante (1 year ago)
what app are you using?
TheSolitaryOwl (1 year ago)
He's using Brackets.
jjg (1 year ago)
Weird my images wont resize for some reason no matter what I put?
Liam Williams (1 year ago)
simple and useful tutorial with a voice I can understand liked and subbed thank you tbate54
Tiago Marinho (1 year ago)
Hey! How can I write something between the images? Like a floating effect
TheChris (1 year ago)
is it possible to change image size?
tbate54 (1 year ago)
Yes, just change the width and height in your image editing program or use CSS.
Ronnie Alexander (1 year ago)
Hello the images are not loading in ma page i don't know why
Analisha Bishop (1 year ago)
awwww I am just a beginner. Thank you so much for the encouragement! I really appreciate it. All the Best to you.
tbate54 (1 year ago)
Analisha Bishop Spot on!
Analisha Bishop (1 year ago)
all images are to be in the same location with your html page
Rohit Vinod (1 year ago)
thx great video really helped
JamesOM (1 year ago)
Good video man , helped a lot (y)
Gabriel Martin (1 year ago)
what if you don't have images?
tbate54 (1 year ago)
Blackman Wokenup Just use any 8 photos off Google Images
Gabriel Martin (1 year ago)
how do you get those images into those folders?
tbate54 (1 year ago)
Blackman Wokenup Save them off Google Images into your account.
Aaron Samarita (2 years ago)
nice & clear explanation! :) thanks!
Adam W (2 years ago)
Thankyou for the tutorial, very well explained in steps thanks =]
Jeet Singha (2 years ago)
thanks sir!
nouredine lach (2 years ago)
thx code sr

Would you like to comment?

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