skip to content

Photo strip gallery

30th March 2007

Photo Strip Gallery

  • #1 Lorem ipsum dolor sit amet.

  • #2 Vestibulum dapibus posuere.

  • #3 Curabitur vel dui. Donec.

  • #4 Aliquam justo nulla, sagittis.

  • #5 Ipsum, feugiat a.

  • #6 Nulla iaculis gravida turpis.

  • #7 Mauris id ante.

  • #8 Sed eu orci feugiat ante.

  • #9 Aenean auctor consequat.

  • #10 Cras vitae est at quam.

  • #11 Nunc ullamcorper orci at.

  • #12 Fusce pharetra, nulla vel.

  • #13 Tellus purus porttitor metus.

  • #14 Vivamus nec metus et nunc .

  • #15 Mauris tincidunt.

  • #16 Nisl eget euismod molestie.

  • #17 Et facilisis nisi nunc et.

  • #18 Morbi vitae diam vitae elit.

  • #19 Maecenas magna pede, suscipit.

  • #20 Sed lacus leo, ultrices vel.


Information

Back to basics again. This time no fancy :hovers or :active/:focus states, just a list of full size images that can be any number and any size within the limitations of a height styling.

The styling is so simple that it only takes 6 lines including hacks for IE, and the html is just an unordered list.

I have added extra styling for IE to give the scroll-bar a look in keeping with the gallery, and extra html to add a title.

Tested in IE5.5, IE6, IE7, Firefox, Opera, Netscape 8 and Mozilla.

All the photographs in this slideshow have been purchased from dreamstime for use on CSS play. These are copyright the various photographers and should not be copied without their permission.



Copyright

You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.


Recommended Sites

CSSplay web design/assistance

"The citroen.co.uk web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth


Advertise with CSSplay

CSS play pages

CSS (Design) - TOP.ORG

CSS play recommend

PSD to HTMLSitegrinderFree, practical CSS menus, layouts, and examplesEarn from your site today with Netklix text ads