CSS Help

Useless · 2008-12-21, 01:48 PM

First, make sure you're using a good DOCTYPE or it won't work in IE.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Stick this where ever you're keeping your CSS and adjust to your needs:

HTML Code:

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

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

HTML Code:

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

virgohippy · 2008-12-21, 03:11 PM

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.

Useless · 2008-12-21, 05:55 PM

Quote:

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 · 2008-12-22, 07:16 AM

Thanks guys! That's what I needed!

2008-12-21, 01:48 PM	#1
Useless Certified Nice Person Join Date: Oct 2003 Location: Dirty Undies, NY Posts: 11,268	First, make sure you're using a good DOCTYPE or it won't work in IE. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Stick this where ever you're keeping your CSS and adjust to your needs: HTML Code: .thumb { width:320px; height:240px; padding:4px; background-color:#ffffff; border-style:solid; border-color:#000000; border-width:1px; } Finally, make sure you remember to give each thumb the class: HTML Code: <img class="thumb" src="photo.jpg" alt="sexy photo" /> __________________ Click here to purchase a bridge I'm selling.

2008-12-22, 07:16 AM	#4
Licker4U Mean people suck, nice people swallow, are you mean or nice? Join Date: Sep 2003 Location: Lower Alabama-The Redneck Riviera Posts: 2,377	Thanks guys! That's what I needed! __________________ Submit to Girls That Squirt , Hairy Pussy Links and Best Wet Pussy