So now, back in our CSS file, we're going to add some rules to style the …thumbnail container. So after the sorting links, let's hit a …few returns. Let's start with .gallery space .photos …space .thumbnail_container, beginning and ending bracket. …Te property we're going to set for this is going to be position relative.…

Next rule, .gallery space photos space .thumbnail_container space a.thumbnail …space image. We're now targeting all of the images …inside of the anchor links with the thumbnail class inside of the thumbnail …container. Here, we're going to set a width, 75 …pixels. And again, as we talked about in the …introduction video, you can change these sizes here. …Next, we'll set a height. 75 pixels as well.…

Then, a space. We're going to set a border. …We're going to use Shorthand style here. One pixel for the size, solid for the …style, space, color, #64d2e, and a semicolon. …With that in place, let's hit Save. Let's come back to our Browser and …Reload. Now, we'll see a slight border showing up …

Resume Transcript Auto-Scroll

Author

Released

3/27/2013

Give your visitors a smart and dynamic experience when reviewing your photography. This course shows how to create a photo gallery that sorts and rearranges your photos based on keywords you add to the HTML. In addition, author Chris Converse shows how to use a lightbox to display larger photos, and even allow your visitors to navigate through the lightbox—giving them an alternate navigation option to review your photos.

This course was created and produced by Chris Converse. We are honored to host this training in our library.