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.

[Useless]

Originally Posted by virgohippy

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

Oh...fancy!

Licker, you can also replace the three separate border style lines with just this:

border: 1px solid #000000;

I knew you could do it that way, but I was too lazy to find my style sheets earlier.

[Licker4U]

Thanks guys! That's what I needed!