• one step at a time, just replace 4 bulbs with CFL bulbs
  http://www.climatecrisis.net/

quote:

ORIGINAL: ellipisces

post some code or a URL and we'll see what's going on...

quote:

If you want to use three different font families on the site at the same time, you need to define a class for the P tag

Basically, the one you use the most can be assigned to P like this:

p {
font-family: Tahoma;
}

quote:

It's a good idea to set the font metrics at the same time btw.

quote:

You need to declaire the font size etc.. before you declaire the font family.

quote:

You need to declaire the font size etc.. before you declaire the font family.

quote:

ORIGINAL: c1sissy
dan, tired eyes looking at your code, lol

quote:

ORIGINAL: Peppergal

quote:

If you want to use three different font families on the site at the same time, you need to define a class for the P tag

Basically, the one you use the most can be assigned to P like this:

p {
font-family: Tahoma;
}

Can't he just do this:

p {
font-family: verdana, arial, tahoma, sans-serif;
}

That's what I do....

I like the title to this thread. LOL Been there, felt the same way!

quote:

ORIGINAL: gorilla

Actually you're far better off declaring all your fonts at the start of your style sheet like this:

* {
font: Verdana, Arial, Tahoma, sans-serif;
}


And then applying fonts or a differnt font order to anything below that as needed.

The one caveat is IE has an infuriating bug where it does not cascade the font down into the <td> element so if you're using tables you need a fix.

The fix is:

* , td {
font: Verdana, Arial, Tahoma, sans-serif; sans-serif;
}

or to explicitly declare the properties for the td element. :

td {
font: Verdana, Arial, Tahoma, sans-serif;
}

It's a good idea to set the font metrics at the same time btw.

Mhaircaish

body, th, td{
	background: #003A22;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #FFFFFF;
}

a:link{
	font: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a:visited{
	font: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover{
	font: bold, italics;
	color: #00F0FF;
	text-decoration: underline;
}

.content{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 50px 0px 5px;
	width: 700px;
}

.sectionlinks{
	position: relative;
	float: left;
	width: 100px;
}

.sectionlinks a:link{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 1px 0px 1px 10px
	background: #003A22;
	display: block;
}

.sectionlinks a:visited{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 1px 0px 1px 10px;
	background: #003A22;
	display: block;
}

.sectionlinks a:hover{
	border-top: 1px solid #003A22;
	border-bottom: 1px solid #003A22;
	padding: 1px 0px 1px 10px;
	background: #FFFFFF;
	color: #003A22;
	text-decoration: none;
}

.top{
	font-size: 16px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}


ul ul ul{
 list-style-type: none;
}
.footer{
	position: absolute;
	bottom: 10px;
	right: 5px;
}

<link rel="stylesheet" href="whatever.css" type="text/css">

quote:

ORIGINAL: Giomanach

create an external stylesheet, make it something like this (this is mine, there are errors but anyway):

body, th, td{
	background: #003A22;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #FFFFFF;
}

a:link{
	font: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a:visited{
	font: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover{
	font: bold, italics;
	color: #00F0FF;
	text-decoration: underline;
}

.content{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 50px 0px 5px;
	width: 700px;
}

.sectionlinks{
	position: relative;
	float: left;
	width: 100px;
}

.sectionlinks a:link{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 1px 0px 1px 10px
	background: #003A22;
	display: block;
}

.sectionlinks a:visited{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 1px 0px 1px 10px;
	background: #003A22;
	display: block;
}

.sectionlinks a:hover{
	border-top: 1px solid #003A22;
	border-bottom: 1px solid #003A22;
	padding: 1px 0px 1px 10px;
	background: #FFFFFF;
	color: #003A22;
	text-decoration: none;
}

.top{
	font-size: 16px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}


ul ul ul{
 list-style-type: none;
}
.footer{
	position: absolute;
	bottom: 10px;
	right: 5px;
}

call it whatever.css

then in the <head> tag of every page put:

<link rel="stylesheet" href="whatever.css" type="text/css">

Simple, or is it?

quote:

ORIGINAL: Giomanach

You don't do hard coding then?

quote:


1.Sounds simple!

2.Now where in the world would I put it. What will it do for me and why am I told I need it?

quote:

You're Killing me! This stuff is SIMPLE once you figure out WTF you are doing.

Am i RIGHT?

quote:

If I can do this, someone who is teaching herself all of this web design stuff through tutorials online, then I am sure that you can do this.

quote:

ORIGINAL: c1sissy

quote:


1.Sounds simple!

2.Now where in the world would I put it. What will it do for me and why am I told I need it?

1. Remodeling Guy, Css is simple! If you look at the css links in the forum here you will find tons of information.

2. Why would you need it?
First of all, large savings on bandwidth.
Next, site design easier. One style sheet linked and you have all your pages designed with this. Need to do changes to your large site? Just change the style sheet.

CSS is about seperating style and content. Do your content of the site first, then do your styles.

quote:

You're Killing me! This stuff is SIMPLE once you figure out WTF you are doing.

Am i RIGHT?

Trust me, you are not going to get far if you act like this

Patience is the virtue of life

If I can do this, someone who is teaching herself all of this web design stuff through tutorials online, then I am sure that you can do this.

Also, I can't stress enough to use xhtml. Pay attention to standards and being compliant. In the long run it will benefit you. Also use the valadation services that are out there. they also help you to learn.

If you are interested in books, let me know and I'll send you a list of books that are great for learning.

quote:

ORIGINAL: Peppergal

You put it in your style sheet (I'm assuming you're using a seperate style sheet and linking to it - an external sheet?)

The reason you need it is to control the font display. If you don't declare a font, each person's browser will show their default font, usually Times New Roman. Most people don't know that they can control that stuff , so they leave their browsers at their default settings.

Using several different -but similar- fonts ensures that you can get them "all covered." Not all browsers have Tahoma installed...so if you declare only Tahoma, and they don't have it, the browser will display the default font. Not all have Verdana, or helvetica, or arial...so then, you just put "sans-serif" and that will have the browser choose it's default sans serif font...instead of Times.

Clear as mud?

quote:

Can't he just do this:

p {
font-family: verdana, arial, tahoma, sans-serif;
}

quote:

ORIGINAL: bobby

quote:

Can't he just do this:

p {
font-family: verdana, arial, tahoma, sans-serif;
}

This tells the browser to select Verdana font for all P tags, if the visitor doesn't have it loaded it will move to Arial, then Tahoma. If they don't have any of those installed it will select the default sans-sarif font.

This does not allow you to chose which of the fonts to display... in order to declare multiple fonts (or use more than one) you have to declare each one seperately via a class or id.

Hope that clarifies...