How to create image gallery ?

Hi again

I now know about basic html and css. I downloaded some templates and had been playing with those. However, I am a lil stuck with images. I'm not sure yet how to put images on one of my web page. How are images put on web pages efficiently? Do I need to use tables to display images?

Can someone please show me how to code for putting images on a webpage. More specifically, I'm not sure how to set the number of rows / columns.


Thank you.

I should've stated my problem a lil clearly above. Actually, the problem I'm facing because I'm using CSS to use hoverbox for the images. I've attached here the web page and the css file I'm trying to figure out. The problem is I don't know how to make the changes because when I make any changes (e.g. delete any image, try to change rows/colums) everything scatters.

BTY, these two files are not mine rather I downloaded it from the internet (can't remember the exact source ).


N.B I had to rename the css file to txt to be able to upload it.

Attached Files

	Products.html (4.2 KB, 22 views)
	hoverbox.css.txt (1.5 KB, 28 views)

For a row of images I would use a <div class=""></div>Use css to put the div where you want it with the width and height you want.

Then put your images in the div. Float each image to the left and add a right-margin to the image with css. Apply that css to each image.
Typcially if you specify the width of the div class, once you run out of space the images will automatically go to the next row.

If you want even more control, just start a new div class just like a new table row.

Does that help you?

Thanks Lchad for your kind reply.

However...erm...because I'm still very new to all of these, perhaps an example would be more helpful to me (even better if you show me using the files I've uploaded)

If I have time tomorrow, I'll see if I can ... someone else might have a chance as well!