I have recently written a tutorial on creating photograph galleries using CSS, HTML and Lightbox.

 

The tutorial is designed for beginners and provides step by step instructions of how to code the CSS and HTML required to lay out a basic photograph gallery. Slides are displayed simply using Lightbox.

 

I have attempted to use the simplest methods, however should anyone have suggestions which would make the tutorial easier, please let me know.

 

Creating Simple CSS photograph galleries

 

Cheers

Car

Nice tutorial!

Thank you so much

Great tutorial! Will be using it soon.

WOuld it not be better if it was all in a list?

 

<ul>

<li><a><img /></a></li>

<li><a><img /></a></li>

<li><a><img /></a></li>

<li><a><img /></a></li>

<li><a><img /></a></li>

<li><a><img /></a></li>

</ul>

Hi Russ

 

I have thought of doing it as a list, but I just could not think of any advantage or gain.

 

My aim was to create a gallery using the least amount of coding. By using a list, all it seemed to do, is add to the amount of coding required.

 

What does everyone else think?

Hi Russ

 

I have thought of doing it as a list, but I just could not think of any advantage or gain.

 

My aim was to create a gallery using the least amount of coding. By using a list, all it seemed to do, is add to the amount of coding required.

 

What does everyone else think?

 

 

If your tutorial is how you got the gallery on the front of your page to work, why mess with it?

It's to do with content structure, and grouping related elements together, a list binds them. what impact it has on certain devices, and to search engines etc. though I'm not too sure.

 

But i don't think it's overly important, it seems to a preference thing.

It's to do with content structure, and grouping related elements together, a list binds them. what impact it has on certain devices, and to search engines etc. though I'm not too sure.

 

But i don't think it's overly important, it seems to a preference thing.

 

 

OH ok I get it now!

I am a beginner for anything website related and just checked it out. I like it and feel it will help me a lot in the future

Nice work, very detailed, i'm sure some folk will find it very useful!

Looking good...could have done with this a few days ago!

 

Any ideas how to get the mext button to appear? Athough a hand appears on hover of righthand top corner i have no next button...

Wow, I am delighted people think this tutorial may be helpful.

 

Looking good...could have done with this a few days ago!

 

Any ideas how to get the mext button to appear? Athough a hand appears on hover of righthand top corner i have no next button...

 

Are you talking about on my tutorial or your own site.

 

If your own site, check that the next and before graphics have been copied into the right place.

LOL I thought I'd done it, but cos the lightbox css wasn't in the same folder...DOH!

 

Thanks