Differences..
Barely Audible
.class in a css file?
--
TTFN
Jim
Do not touch anything unnecessarily.
Beware of pretty girls in dance halls and parks who may be spies,
as well as bicycles, revolvers, uniforms, arms, dead horses,
and men lying on roads they are not there accidentally....
-- Soviet infantry manual, issued in the 1930's
Darin McGrew
> I'm getting confused - what is the difference between a #class and a
> .class in a css file?
See http://www.w3.org/TR/CSS21/selector.html
#example selects elements with id="example"
.example selects elements with class="example"
--
Darin McGrew, mcg...@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da...@htmlhelp.com, http://www.HTMLHelp.com/
"I used to do lots of dumb things, but I turned my life around 360 degrees!"
Barely Audible
> On Jun 23, 8:01 pm, Barely Audible <somewh...@overthe.rainbow.com>
> wrote:
>> I'm getting confused - what is the difference between a #class and a
>> .class in a css file?
>>
>
>
> class is not unique--many instances
>
> Examples of ID usage:
>
> #wrapper
> #header
> #body
> #footer
>
> Examples of class usage:
>
> ..cntr (center text)
> ..fnt (font size)
> a.link (format links)
>
> Hope this helps
>
> Daniel
>
> http://ibsokc.net
>
Thanks Guys!
--
ATTFN
Jim
"Airplanes are interesting toys but of no military value."
-- Marshal Ferdinand Foch (circa 1911)
John Hosking
wrote:
> On Jun 23, 8:01�pm, Barely Audible wrote:
>> I'm getting confused - what is the difference between a #class and a
>> .class in a css file?
>>
>
> ID is a unique identifier--only one instance
...is allowed on each page.
>
> class is not unique--many instances
>
> Examples of ID usage:
>
> #wrapper
> #header
> #body
> #footer
>
> Examples of class usage:
>
> .cntr (center text)
> .fnt (font size)
> a.link (format links)
These examples of ID names are great, but I can't recommend that the OP (or
anybody else) use class names like the examples here.
If some text needs centering, give it a class with a semantically
meaningful name, then declare centering rules for that class (and change
those rules when you decide you want the text right-aligned).
<p class="poem">Hail to thee...
.poem { text-align:center; }
I'm trying to think of a reason I'd use .fnt to dictate font size. In HTML
4.01 strict, <font> is deprecated, so I'd probably use a classed span or
div (even if, AIUI, Jukka might go ahead and use <font>). So maybe:
<p>The <span class="huge">next words</span> are really enormous. ...</p>
.huge { font-size:12em; }
As for the a.lnk example, what's wrong with the pseudo-selector in a:link?
--
John
Barely Audible
> never intended to be used. I had hoped the OP would understand and
> use the naming convention that the OP liked best or follow best
> practices as you suggest.
OP has the idea now:-)
I've never used much css before so if I wanted to convert the following
to CSS which of them could be be put into a css file?
<a name="variants">
<table style="border: none;" cellpadding="5" align="center"><tr><td
bgcolor="#808000" align="left" style="border: none;">
<a href="#top"><img src="../../../graphics/top-of-page.gif"
align="right" alt="Return to top of page"></a>
<font color="#ffffff">UGLY BUUGLY NOISE</font>
</td></tr></table>
No doing the css for me thanks as I want to work this out for myself -
just an indicator which of the above can go into a css file
underxhtml1-strict will do fine so I don't waste time trying to css
something that wont...
--
TTFN
Jim
Freedom Is Not Free
John Hosking
>
> OP has the idea now:-)
>
> I've never used much css before so if I wanted to convert the following
> to CSS which of them could be be put into a css file?
>
> <a name="variants">
> <table style="border: none;" cellpadding="5" align="center"><tr><td
> bgcolor="#808000" align="left" style="border: none;">
> <a href="#top"><img src="../../../graphics/top-of-page.gif"
> align="right" alt="Return to top of page"></a>
> <font color="#ffffff">UGLY BUUGLY NOISE</font>
> </td></tr></table>
All the colors, borders, alignment, and padding. can go into an external
CSS file or embedded CSS (i.e., in the same file). The "style=..."
attributes you've got here are known as inline CSS, and should be the
easiest for to to export. The HTML elements themselves stay where they are.
I expect you will have trouble with the <a name="variants"> thing here, for
three reasons:
1) The element isn't evidently closed. Probably you just didnt paste the
closing tag in here, but still. ;-) (But read on.)
2) I don't believe you can put a <table> within an <a>. What this means is
that the UA's parser will probably implicitly close (terminate) the <a>
element when it runs across the <table>. So it *is* closed, but not where
you think it is. And somewhere later there may be a </a> closing tag, now
superfluous, which will cause a validation error.
3) You probably don't want name="variants" anyway. If you want some link
elsewhere to bring the visitor here using, e.g,. href="page.html#variants",
you can use an id, as in <table id="variants"><tr>... This'll give you a
link target and a handle for your CSS at the same time.
>
> No doing the css for me thanks as I want to work this out for myself -
> just an indicator which of the above can go into a css file
> underxhtml1-strict will do fine so I don't waste time trying to css
> something that wont...
May I recommend you forget XHTML and go right on to HTML 4.01 Strict?
Remember the validators are among your best friends when developing (and
learning), even if they don't solve *all* your problems.
GL.
--
John
Markup validation: http://validator.w3.org/
CSS validation: http://jigsaw.w3.org/css-validator/
Barely Audible
Thanks! The variants aname is a hangover from an earlier version of the
site so it will disappear with this rewrite.
so the css would then be
border-style:none;
padding: 5;
background-color:#808000;
and I should name it with a . prefix in the css file so that the css
applies to the TABLE, TR & TD sections?
Apolgies for all the questions but I am eesentially housebound and have
to order manuals on recomendation - the two on css I have bought so far
aren't exactly much use for a novice!
--
TTFN
Jim
"There is NO job in the Field Artillery for the weak, the
timid or the indecisive."
-- Unknown
William Gill
> If some text needs centering, give it a class with a semantically
> meaningful name, then declare centering rules for that class (and change
> those rules when you decide you want the text right-aligned).
John, I try to adhere to your semantic naming orthodoxy, but on some
occasions I find it necessary to create a class for stylistic purposes
only.
.thisIsanOrdinaryParagraphButTheOverallDesignLooksBetterIfItIsBlueAndCentered{
color: #00f;
background: #fff;
text-align:center;
}
dorayme
William Gill <nos...@domain.invalid> wrote:
But is it true? It sounds as if it is no ordinary paragraph. <g>
--
dorayme
William Gill
> But is it true? It sounds as if it is no ordinary paragraph. <g>
>
And to think, you once championed elimination of the paragraph (or
something to that effect). <g>
dorayme
William Gill <nos...@domain.invalid> wrote:
No, quite the opposite, William! I am a big fan of the paragraph. I once
gave *a defence* of it that went beyond the really rather pathetic
explanation that you should use a paragraph element for paragraphs
because that is what they are for. That is like arguing that if you want
a baby you should have sex because that is what sex is for. It is more
complicated than that! Better get outa here I can hear my son coming to
chastise me horribly... <g>
--
dorayme
John Hosking
> That is like arguing that if you want
> a baby you should have sex because that is what sex is for. It is more
> complicated than that! Better get outa here I can hear my son coming to
> chastise me horribly... <g>
No, sit where you are. Remember: If you don't run, you can't be chaste.
--
John
Wait, what's the past participle of chastise?