Re: Trying to learn CSS

by "Billy Dean" <billy61(at)earthlink.net>

 Date:  Tue, 8 Jul 2003 13:33:50 -0700
 To:  "Wanda J. Hall" <wanda(at)wandaweb.com>,
"HWG Techniques" <hwg-techniques(at)hwg.org>
 References:  wandaweb
  todo: View Thread, Original
Wanda,

That's wise to take it slow. Neither CSS nor CSS2 are "perfect" replacements
for tables.

And I really like your way of working through a problem with a small test
file. That also is wise, because it isolates what you are trying to
accomplish into one, bite-sized example. There are just too many variables
in most web design features to figure out what does and does not work if you
try to do it in a big file with other features. Good for you!

Don't worry about bothering me. It's my guess that the other folks on this
list feel the same way. The only way we can "repay" those people who helped
us through our struggles with this stuff is to give it back. And you just
never know when you're gonna run into something you can't figure out without
a little nudge from somebody who's been there and done that thing you ain't
done yet. We're all learning...

Billy Dean
billy61(at)earthlink.net
http://www.qwertyarrow.com
"It is the journey that enlightens, not the destination..."

----- Original Message -----
From: "Wanda J. Hall" <wanda(at)wandaweb.com>
To: "Billy Dean" <billy61(at)earthlink.net>; "HWG Techniques"
<hwg-techniques(at)hwg.org>
Sent: Tuesday, July 08, 2003 11:57 AM
Subject: RE: Trying to learn CSS


> You guys are awesome!  :)
>
> Yes, I have been reading about the positioning, but I figured I'd better
> start small, understand each item individually, and then keep building on
it
> as I went along.  I left the original page as is (the page with the tables
> you helped me with before) since it is working and if/when I get the CSS
> under control, I can convert it at that point.
>
> You'll probably be hearing from me again as I go along. I'll try not to be
> too much of a pain. :)
>
> -----Original Message-----
> From: Billy Dean [mailto:billy61(at)earthlink.net]
> Sent: Tuesday, July 08, 2003 2:37 PM
> To: Wanda J. Hall; HWG Techniques
> Subject: Re: Trying to learn CSS
>
>
> Wanda,
>
> You must tell the body tag, and each paragraph tag, what class you are
> invoking, and you must separate the style parameters with semicolons, like
> this...
>
> .background
> {
> background-color: #000000;
> background-image: url("bgimage.gif");
> background-attachment: fixed;
> background-position: 0% 0%;
> background-repeat: repeat;
> }
>
> p.white
> {
> color: white;
> margin-top: 350px;
> margin-left: 150px;
> }
>
> p.black
> {
> margin-top: 350px;
> margin-left: 65px;
> color: black;
> }
>
>
> <html>
> <head>
> <title>CSS Test for Empire</title>
> <link rel="stylesheet" type="text/css" href="empire.css" />
> </head>
> <body class="background">
> <p class="black">This is black-text paragraph 1</p>
> <p class="white">This is white text paragraph 2</p>
>
>
> </body>
> </html>
>
> Are you aware that you can position page elements with the
> position:absolute; and position:relative tags rather than use margin tags
as
> a positioning tool?
>
> Billy Dean
> '98 XV1100
> billy61(at)earthlink.net
> http://www.qwertyarrow.com/virago.htm
> "Don't give me no plastic saddle -- I want to feel that leather when I
> ride..."
>
> ----- Original Message -----
> From: "Wanda J. Hall" <wanda(at)wandaweb.com>
> To: "HWG Techniques" <hwg-techniques(at)hwg.org>
> Sent: Tuesday, July 08, 2003 7:51 AM
> Subject: Trying to learn CSS
>
>
> > I'm attempting to create an external style sheet... I don't seem to be
> > getting very far.  I began with just a few elements to see if I was
doing
> it
> > right, but it shows up as a regular white page, with the two lines at
the
> > top, one below the other as normal paragraphs.  Perhaps someone can set
me
> > straight before I get too far.  What I'm going for is a black background
> > that is filled with a background image.  Two paragraphs that start at
> 350px
> > from the top, the left side paragraph offset from the left with black
text
> > and another paragraph to the right of it with white text.  This is what
I
> > have in the .css file:
> >
> > background
> > {
> > background-color: #000000
> > background-image: url("bgimage.gif")
> > background-attachment: fixed
> > background-position: 0% 0%
> > background-repeat: repeat
> > }
> >
> > p.white
> > {
> > color: white
> > margin-top: 350px
> > margin-left: 150px
> > }
> >
> > p.black
> > {
> > margin-top: 350px
> > margin-left: 65px
> > color: (black)
> > }
> >
> > This is the html test file:
> >
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
> >
> > <html>
> > <head>
> > <title>CSS Test for Empire</title>
> > <link rel="stylesheet" type="text/css" href="empire.css" />
> > </head>
> > <body>
> > <p.black>This is paragraph 1</p>
> > <p.white>This is paragraph 2</p>
> >
> >
> > </body>
> > </html>
> >
> >
> > -Wanda J. Hall
> >
> >
>
>
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA