Greenguy's Board - CSS Help

Greenguy's Board (http://www.greenguysboard.com/board/index.php)

- Programming & Scripting (http://www.greenguysboard.com/board/forumdisplay.php?f=15)

- - CSS Help (http://www.greenguysboard.com/board/showthread.php?t=47042)

Licker4U

2008-05-14 10:10 AM

CSS Help

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

RicRock67

2008-05-14 10:18 AM

Body tag?

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

etc. etc.

Licker4U

2008-05-14 10:49 AM

That worked, thanks!

Licker4U

2008-05-30 11:18 AM

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	2008-05-30 11:25 AM

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

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

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

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 (Post 406298)

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

virgohippy

2008-12-21 03:11 PM

Quote:

Originally Posted by Useless Warrior (Post 433699)

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 (Post 433717)

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

All times are GMT -4. The time now is 02:11 PM.