Quote:
Originally Posted by Useless Warrior
Finally, make sure you remember to give each thumb the class:
HTML Code:
<img class="thumb" src="photo.jpg" alt="sexy photo" />
|
I like to set the html elements of a wrapper class, like this:
# CSS
HTML Code:
.thumb img {
width:320px;
height:240px;
padding:4px;
background-color:#ffffff;
border-style:solid;
border-color:#000000;
border-width:1px;
}
# HTML
HTML Code:
<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.