codes for very light colors?

shades between F5F5F5 & white !

[ideavirus]

Hello,

Are there any colors ( lighter shades ) between white and F5F5F5? kindly help me with the codes for those colors.

I tried looking for some, but couldn't find any. :(

Thanks for your time.

[tedster]

F6F6F6
F7F7F7
F8F8F8
F9F9F9
FAFAFA
FBFBFB
FCFCFC
FDFDFD
FEFEFE

[ideavirus]

tedster - Thanks for the codes, I'll try them out now!

Also, which is the best font to use for heading? I'd prefer the font to have more thickness in each alphabet and quite spread across ( meaning...spacing between the alphabets should be a bit more ). I'd be using the font size 4 for the headings.

Rest of my site, I am using verdana as the default font, but for the heading with font size 4, the thickness is quite less.

Thanks much again!

[Purple Martin]

Try styling your headings to be bold - that should make them thicker.

Otherwise try a different font, but remember that it'll have some letters different shapes from Verdana. Arial Black was originally designed for print, but in larger sizes it looks OK on a monitor and it's much thicker.

[Nick_W]

.myheading {
  font: bold 1.5em arial,verdana,sans-serif;
  letter-spacing: .4em;
}

Nick

[insin]

Eric Meyer's Color Blender is a very useful tool for these purposes.

Googling for "meyer blender" will get you there (no links, right? ;)).

[ideavirus]

Eric Meyer's Color Blender is a very useful tool for these purposes.

Okay, i found that url.That indeed is a very useful one...gave me exact shades what tedster posted above. I'll sue it for my future requirements.

Nick_W :

I have something like this :

<div>
<font size=4>
My Heading
</font>
<font size=2>
Text a couple of lines
</font>
</div>

How do i use the class you mentioned in your post?

Thanks much
Cheers

[ronin]

Apologies to Nick

1) Create a text file called mystyle.css

2) Copy and paste Nick's code into mystyle.css

.myheading { font: bold 1.5em arial,verdana,sans-serif; letter-spacing: .4em;
}

3) Upload the .css file to your root folder.

4) In the header of the html file write:

<!--css files-->
<link href="/mystyle.css" rel="stylesheet" type="text/css">
<!--end css files-->

5) Change your html page code to

<div class="myheading">
My Heading
</div>

<div class="mytext">
Text a couple of lines
</div>

6) By going back to mystyle.css, you can define a style for .mytext in the same way that a style has been defined for .myheading

[Purple Martin]

I'd rather see people use heading tags for headings, because the tags convey meaning to ALL user agents:

h1 {
font: bold 1.5em arial,verdana,sans-serif;
letter-spacing: .4em;
}

<h1>
My Heading
</h1>

If it's not the main heading for the page, use h2 (or h3 or whichever is appropriate).

[ronin]

Absolutely.
I agree with everything Purple Martin just said.
You should use <hx> tags for headings. You can style them in external style sheets in exactly the same way as outlined above.