CSS Help

[virgohippy]

Originally Posted by Useless Warrior

Finally, make sure you remember to give each thumb the class:

<img class="thumb" src="photo.jpg" alt="sexy photo" />

I like to set the html elements of a wrapper class, like this:

# CSS

.thumb img {
width:320px;
height:240px;
padding:4px;
background-color:#ffffff;
border-style:solid;
border-color:#000000;
border-width:1px;
}

# HTML

<div class="thumb">
<img src="photo1.jpg" alt="sexy photo 1" />
<img src="photo2.jpg" alt="sexy photo 2" />
<img src="photo3.jpg" alt="sexy photo 3" />
</div>

Notice the CSS is actually setting "img" tags, so the images don't need a class.