Ok, still not getting it....

#1

Hey all!!

Well, I've decided to take the dive and attempt my very own HTML coded
website rather than use a page-editor thingy.

Anyway, I'm attempting to write a style sheet, and have read various
sources describing how to do them and set them out. Whether I'm
completely stupid or whether it's simply because I haven't been able
to ask someone about it, I'm still not sure how the hell a style sheet
should look. I'm attempting to create a sheet to use externally,
mainly to set out my background and text.

The design I'm trying to create is bascially a plain colored
background, with a box in the center of it, bordered by a darker shade
of color and filled with a tiled background image. I'm also attempting
to insert font/text definitions (white verdana font, basically).

So, spefically, I'm wondering a few things. The first is, when I've
looked at the link command used to attach an external sheet, the
instructions say to place the link in the <head> section, thusly:
<link rel="stylesheet" type="text/css" href="filename.css">
I get the HREF tag, but as in this example the TYPE tag is "text/css",
does this mean there are other types of... well, types? What exactly
does this specify? Is it telling the computer to expect a stylesheet
written in a text form or what? I'm also assuming the LINK REL is
telling the computer to expect/read the file as a stylesheet.

The other thing I'm wondering is exactly how a stylesheet should be
laid out when being written. I've looked at a few sheets, and have
seen it done in varying ways that confuse me. My most recent attempt
contained the fields BODY (containing specs for background color, text
color, font family), .BOX (containing specs for box alignment, box
height & width, border color/width/style, margin, and background
pattern). All the definitions were contained with the braces brackets
{ }, as I've seen exampled and implemented in others' sheets. What am
I missing? Is there anything else I should be specifying? If not, then
why the hell didn't it work when I wrote HTML for my front page and
stuck the link ref in the header?!?!?! :-)

Sorry if this has been answered time and again, and apologies for
length, but I'm so totally lost and can't seem to find answers
anywhere!!! Please, feel free to laugh at my stupidity on the
condition you answer my questions!!! :-)

Thanks!
~L

#2

lorelei (AT) ozconnect (DOT) net.au wrote:

Quote:

Anyway, I'm attempting to write a style sheet, and have read various
sources describing how to do them and set them out. Whether I'm
completely stupid or whether it's simply because I haven't been able
to ask someone about it, I'm still not sure how the hell a style sheet
should look. I'm attempting to create a sheet to use externally,
mainly to set out my background and text.

You can open e.g. the W3C page in source view, and find the stylesheet,
then download and open it:
http://www.w3.org

Also, above contains all the references you need.
Additionally, enter things you want to know in Google. Like "css
tutorial" should be a good start.

--
Google Blogoscoped
http://blog.outer-court.com

#3

<lorelei (AT) ozconnect (DOT) net.au> wrote

Quote:

So, spefically, I'm wondering a few things. The first is, when I've
looked at the link command used to attach an external sheet, the
instructions say to place the link in the <head> section, thusly:
link rel="stylesheet" type="text/css" href="filename.css"
I get the HREF tag, but as in this example the TYPE tag is "text/css",
does this mean there are other types of... well, types? What exactly
does this specify? Is it telling the computer to expect a stylesheet
written in a text form or what? I'm also assuming the LINK REL is
telling the computer to expect/read the file as a stylesheet.

Read this portion of the spec:
http://www.w3.org/TR/html4/struct/links.html#h-12.3
(quicker than trying to explain it here).

Quote:

The other thing I'm wondering is exactly how a stylesheet should be
laid out when being written. I've looked at a few sheets, and have
seen it done in varying ways that confuse me. My most recent attempt
contained the fields BODY (containing specs for background color, text
color, font family), .BOX (containing specs for box alignment, box
height & width, border color/width/style, margin, and background
pattern). All the definitions were contained with the braces brackets
{ }, as I've seen exampled and implemented in others' sheets. What am
I missing? Is there anything else I should be specifying? If not, then
why the hell didn't it work when I wrote HTML for my front page and
stuck the link ref in the header?!?!?! :-)

It's hard to say without seeing the code. Can you provide a link to the
code in question?

Regards,
Peter Foti

#4

Alison Stewart wrote:
[snip]

Quote:

There are rules, and then there are conventions. Conventions are
things like capitalizing HTML elements like BODY and P, making
classes and ids lowercase (.class or #id), and putting excessive
whitespace, tabs, or newlines in to make it more readable. That sort
of stuff is optional.
[snip]

I accept that you talk about this as a convention, not a rule. But is
capitalisation even a good convention?

I assume that it is a good principle for the case used in the CSS
corresponding to HTML elements such as "body" to match the HTML. But I thought
that the trend in future standards was to be towards lower-case for the
latter.

(I also estimate that there is more lower case than upper case "out there").

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Ok, still not getting it....

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)

Ok, still not getting it.... - 10-09-2003 , 10:33 AM

Re: Ok, still not getting it.... - 10-09-2003 , 10:48 AM

Re: Ok, still not getting it.... - 10-09-2003 , 11:21 AM

Re: Ok, still not getting it.... - 10-17-2003 , 04:29 AM