CSS questions

C

Chuck

I'm new at CSS and have a couple of rookie questions. I am an amateur, used
to doing my pages in notepad, and have no idea about the "new" technology
used in webpages.

The page that I am working on is located at
http://home.earthlink.net/~rrebels/Rindex.htm
The current page that I am replacing is at
http://home.earthlink.net/~rrebels/

1) Can I control all of the heading from the CSS file? What I would like to
do is have all of the heading graphics, etc in the CSS file. Is that
possible?


Currently my CSS file is as follows:

H1 { color: blue; font-family: impact }
P { color=blue; font-family: serif, times }
BODY { background: white; }
BODY { color=blue; font-family: serif, times }


h1 { text-align: center; }
#richland { float: center; }
#high { float: center; }
#alumni { float: center; }
#crossbattle { float: center; }


The index.htm file is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Richland High School Alumni Page - North Richland Hills,
Texas</title>
<meta name="keywords" content="Richland, Richland Hills, Richland High
School, Richland Hills">
<meta name="description" content="Welcome to my Richland High School Alumni
Page. This page is not associated with Richland High School, but is my own
creation.">
<link rel="stylesheet" href="rstyle.css">
<link rel="home" href="index.htm">

<style type="text/css">
</style>
</head>

<body>

<h1>
<img alt="Richland" src="richland2.jpg" height="71" width="314"
id="richland">
<br />
<img alt="High School" src="high2.jpg" height="83" width="429" id="high">
<br />
<img alt="Alumni Page" src="alumni2.jpg" height="82" width="456"
id="alumni">
<br />
<img alt="Rebel Flags" src="crossbattle2.gif" height="158" width="188"
id="crossbattle">
<br />
</h1>

<center><p><strong>Richland High School<br>
5201 Holiday Lane East<br>
North Richland Hills, Texas 76180<br>
Phone (817) 547-7000</strong></p></center>

<img alt="Page Border" src="sgborder.gif" height="46" width="668" />




2) What is the correct usage for the <div> tags? So far, I see no use for
them, but I am sure that I am wrong.

I have looked on the net for answers, but can't find them.




Thanks so much!

Chuck
 
L

Leif K-Brooks

Chuck said:
Can I control all of the heading from the CSS file? What I would like to
do is have all of the heading graphics, etc in the CSS file. Is that
possible?

No. The purpose of CSS is to change how things (usually text) look, not
what they are. I think CSS3 will have replaced content, though.
H1 { color: blue; font-family: impact }
P { color=blue; font-family: serif, times }
BODY { background: white; }
BODY { color=blue; font-family: serif, times }

Change color=blue to color:blue. Also, why style BODY twice like that?
What is the correct usage for the <div> tags? So far, I see no use for
them, but I am sure that I am wrong.

It's a meaningless block-level element, similar to <p> but without the
paragraph meaning, limitations or styling. It's usually used with the
class and/or id attributes for creating your own fake elements.
 
C

Christian Hackl

Hi!
I think CSS3 will have replaced content, though.

That is correct. It should be noted that Opera 7.x already supports
"content" on all elements:

h1 { content:url(titleimage.png) }

<h1>Title</h1>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,764
Messages
2,569,566
Members
45,041
Latest member
RomeoFarnh

Latest Threads

Top