CSS Help

Licker4U · 2008-05-30, 11:43 AM

This is one of those Homer Simpson moments. Doh! I've been doing that for a long time but I used a template and forgot to change the SSI call for the extermal style sheet

Licker I need more coffee

Licker4U · 2008-06-15, 02:45 AM

Well dammit! With CSS I'm calling for a background image and I want to also define any unspecified text on the page to be a certain color. I'm using this but it doesn't work:

body {background-image:url('bg.jpg');
font-color: #ffffff;
font-family: Arial;
font-size: 14px;
font-style: normal;}

WTF am I doing wrong?

virgohippy · 2008-06-16, 09:34 PM

Change "font-color" to just "color".

Licker4U · 2008-06-18, 09:00 AM

Quote:

Originally Posted by virgohippy

Change "font-color" to just "color".

THANK YOU! That finally worked!

virgohippy · 2008-06-18, 06:54 PM

No worries. I'm real nit-picky.

Licker4U · 2008-12-21, 12:40 PM

Another CSS question: Isn't there some way to have say a 4px white border around an image and then a 1px black border around the white border? I think I've seen this done somewhere but can't find it.

TIA

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" />

2008-05-30, 11:43 AM	#1
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	This is one of those Homer Simpson moments. Doh! I've been doing that for a long time but I used a template and forgot to change the SSI call for the extermal style sheet Licker I need more coffee __________________ Submit to Girls That Squirt , Hairy Pussy Links and Best Wet Pussy

2008-06-15, 02:45 AM	#2
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	Well dammit! With CSS I'm calling for a background image and I want to also define any unspecified text on the page to be a certain color. I'm using this but it doesn't work: body {background-image:url('bg.jpg'); font-color: #ffffff; font-family: Arial; font-size: 14px; font-style: normal;} WTF am I doing wrong? __________________ Submit to Girls That Squirt , Hairy Pussy Links and Best Wet Pussy

2008-06-16, 09:34 PM	#3
virgohippy Madness is like gravity. All it takes is a little... push. Join Date: Feb 2006 Location: California Posts: 1,679	Change "font-color" to just "color". __________________ ~Warm and Fuzzy.

2008-06-18, 06:54 PM	#5
virgohippy Madness is like gravity. All it takes is a little... push. Join Date: Feb 2006 Location: California Posts: 1,679	No worries. I'm real nit-picky. __________________ ~Warm and Fuzzy.

2008-12-21, 12:40 PM	#6
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	Another CSS question: Isn't there some way to have say a 4px white border around an image and then a 1px black border around the white border? I think I've seen this done somewhere but can't find it. TIA __________________ Submit to Girls That Squirt , Hairy Pussy Links and Best Wet Pussy

2008-12-21, 01:48 PM	#7
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.