CSS Help

[Licker4U]

What can I put in a style sheet so any undefined text on a page will have a certain size, color, etc.

[RicRock67]

Body tag?

body { background: #000; font-family: arial; font-size: 18pt; color: #7F00FF }

etc. etc.

[Licker4U]

That worked, thanks!

[Licker4U]

Another CSS question. I used this on a style sheet to have a background image for a page:

body {background-image: url(bg.jpg');}

How can I call for that image from another folder? I tried putting the full path to the image but it doesn't work:

body {background-image: url('http://www.best-wet-pussy.com/sex-in-stockings/bg.jpg');}

Instead of the full path can I use SSI?

[Cleo]

Put this between your head tags to call an external styesheet.

<link href="../path-to-stylesheet.css" rel="stylesheet">

In the stylesheet
url(../path-to-background.jpg);

You don't have to use an external styesheet but it does make things easy.

|potleaf|

[Licker4U]

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 |pokefun|Licker I need more coffee

[Licker4U]

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? |huh |huh

[virgohippy]

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

[Licker4U]

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

THANK YOU! That finally worked!

[virgohippy]

No worries. I'm real nit-picky. ;)

[Licker4U]

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]

First, make sure you're using a good DOCTYPE or it won't work in IE.
<!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:

.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:
<img class="thumb" src="photo.jpg" alt="sexy photo" />

[virgohippy]

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]

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! |thumb