I don't understand CSS

In article <d6lhut$ml0$1@newsg4.svr.pol.co.uk>,
dave.TakeThisOut@dbpreston.wanadoo.co.uk says...
 > I'm trying to make a web page that has links (<a> tags) formatted in a
 > couple of different ways on the same page. I know CSS is the way to do
 > it, but I don't begin to understand how.
 >
 > Please, would someone direct this thicko to a tutorial that explains the
 > way to do it in *very* simple terms...
 >
 >

Go here:

<a style='text-decoration: underline;' href="http://www.w3schools.com/css/default.asp" target="_blank">http://www.w3schools.com/css/default.asp</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

On Fri, 20 May 2005, David Preston wrote:

 > I'm trying to make a web page that has links (<a> tags) formatted in a
 > couple of different ways on the same page. I know CSS is the way to do
 > it, but I don't begin to understand how.
 >
 > Please, would someone direct this thicko to a tutorial that explains the
 > way to do it in *very* simple terms...

I'm just learning CSS myself (at least, trying to) and have found it very
convenient to have CSS and HTML references available for off-line viewing.

Besides on-line references at:
<a style='text-decoration: underline;' href="http://www.htmlhelp.org/index.htm" target="_blank">http://www.htmlhelp.org/index.htm</a>
the "Web Design Group's Help file Distribution Page",
<a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/" target="_blank">http://www.htmlhelp.org/distribution/</a>
has links for downloading the references for off-line access in a number
of formats (including Windows Help file format). The zipped HTML versions
of their references are:

"HTML 3.2 Reference - Zipped HTML"
<a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wilbur.zip" target="_blank">http://www.htmlhelp.org/distribution/wilbur.zip</a>

"HTML 4.0 Reference - Zipped HTML":
<a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdghtml40.zip" target="_blank">http://www.htmlhelp.org/distribution/wdghtml40.zip</a>

"CSS Guide - Zipped HTML":
<a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdgcss.zip" target="_blank">http://www.htmlhelp.org/distribution/wdgcss.zip</a>

You may find the latter especially convenient for your current endeavour.

--
">> consider moving away from Front Page...."
">To what? Any suggestions?"
"Naked bungee-jumping. It's less humiliating <g>"
-- Matt Probert in alt.www.webmaster, March 20, 2005<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

This message is not archived
 >> Stay informed about: I don't understand CSS 

Norman L. DeForest wrote:
 > Besides on-line references at:
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/index.htm</font" target="_blank">http://www.htmlhelp.org/index.htm</font</a>>
 > the "Web Design Group's Help file Distribution Page",
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/</font" target="_blank">http://www.htmlhelp.org/distribution/</font</a>>
 > has links for downloading the references for off-line access in a number
 > of formats (including Windows Help file format). The zipped HTML versions
 > of their references are:
 >
 > "HTML 3.2 Reference - Zipped HTML"
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wilbur.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wilbur.zip</font</a>>
 >
 > "HTML 4.0 Reference - Zipped HTML":
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdghtml40.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdghtml40.zip</font</a>>
 >
 > "CSS Guide - Zipped HTML":
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdgcss.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdgcss.zip</font</a>>
 >
 > You may find the latter especially convenient for your current endeavour.
 >

That's the sort of thing I was looking for, thank you.

Now a follow up question that proves just how lacking my knowledge is in
this area -

A stylesheet has just this entry-
nav.a:link { color: #FFFF66}

My understanding is that any link inside, say, a table with a
class="nav" should be yellow (#FFFF66)

But it just doesn't work - the link is the standard blue.

I'm obviously doing something wrong, but I don't know what.

--
David Preston
Listening to the sound of silence<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

Norman L. DeForest wrote:

 > "HTML 3.2 Reference - Zipped HTML"
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wilbur.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wilbur.zip</font</a>>

drop that one.

 > "HTML 4.0 Reference - Zipped HTML":
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdghtml40.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdghtml40.zip</font</a>>

drop that one.

 > "CSS Guide - Zipped HTML":
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdgcss.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdgcss.zip</font</a>>

<a style='text-decoration: underline;' href="http://w3c.org/" target="_blank">http://w3c.org/</a>

--
John Perl SEO tools: <a style='text-decoration: underline;' href="http://johnbokma.com/perl/" target="_blank">http://johnbokma.com/perl/</a>
Experienced (web) developer: <a style='text-decoration: underline;' href="http://castleamber.com/" target="_blank">http://castleamber.com/</a>
Get a SEO report of your site for just 100 USD:
<a style='text-decoration: underline;' href="http://johnbokma.com/websitedesign/seo-expert-help.html" target="_blank">http://johnbokma.com/websitedesign/seo-expert-help.html</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

Norman L. DeForest wrote:

 > On Fri, 20 May 2005, David Preston wrote:

  >> I'm trying to make a web page that has links (<a> tags) formatted in a
  >> couple of different ways on the same page. I know CSS is the way to do
  >> it, but I don't begin to understand how.

  >> Please, would someone direct this thicko to a tutorial that explains the
  >> way to do it in *very* simple terms...

 > I'm just learning CSS myself (at least, trying to) and have found it very
 > convenient to have CSS and HTML references available for off-line viewing.

 > Besides on-line references at:
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/index.htm</font" target="_blank">http://www.htmlhelp.org/index.htm</font</a>>
 > the "Web Design Group's Help file Distribution Page",
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/</font" target="_blank">http://www.htmlhelp.org/distribution/</font</a>>
 > has links for downloading the references for off-line access in a number
 > of formats (including Windows Help file format). The zipped HTML versions
 > of their references are:

 > "HTML 3.2 Reference - Zipped HTML"
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wilbur.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wilbur.zip</font</a>>

 > "HTML 4.0 Reference - Zipped HTML":
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdghtml40.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdghtml40.zip</font</a>>

 > "CSS Guide - Zipped HTML":
<font color=purple> > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdgcss.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdgcss.zip</font</a>>

 > You may find the latter especially convenient for your current endeavour.

Here's a handy tool. The Web Developer Extension for Firefox has an
option on its toolbar to *Edit* your stylesheet and see the changes in
real time, the stylesheet and the page sharing a split screen. Add a
zero to a 2% margin value, and you're instantly looking at that page
with that style change.

--
Blinky Linux Registered User 297263
Killing all Usenet posts from Google Groups
Info: <a style='text-decoration: underline;' href="http://blinkynet.net/comp/uip5.html" target="_blank">http://blinkynet.net/comp/uip5.html</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

Forging a path through the Usenet jungle, armed only with a rusty Mozilla
Thunderbird 1.0 (Windows/20041206), David Preston stumbled into
alt.www.webmaster and said:

 > ...
 > A stylesheet has just this entry-
 > nav.a:link { color: #FFFF66}
 >
 > My understanding is that any link inside, say, a table with a
 > class="nav" should be yellow (#FFFF66)

..nav a:link {color:#ffff66;}

--
Whatever you do - do something.<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

In article <d6llt8$pqv$1@newsg4.svr.pol.co.uk>,
dave.TakeThisOut@dbpreston.wanadoo.co.uk says...
 > Norman L. DeForest wrote:
  > > Besides on-line references at:
<font color=green>  > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/index.htm</font" target="_blank">http://www.htmlhelp.org/index.htm</font</a>>
  > > the "Web Design Group's Help file Distribution Page",
<font color=green>  > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/</font" target="_blank">http://www.htmlhelp.org/distribution/</font</a>>
  > > has links for downloading the references for off-line access in a number
  > > of formats (including Windows Help file format). The zipped HTML versions
  > > of their references are:
  > >
  > > "HTML 3.2 Reference - Zipped HTML"
<font color=green>  > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wilbur.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wilbur.zip</font</a>>
  > >
  > > "HTML 4.0 Reference - Zipped HTML":
<font color=green>  > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdghtml40.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdghtml40.zip</font</a>>
  > >
  > > "CSS Guide - Zipped HTML":
<font color=green>  > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdgcss.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdgcss.zip</font</a>>
  > >
  > > You may find the latter especially convenient for your current endeavour.
  > >
 >
 > That's the sort of thing I was looking for, thank you.
 >
 > Now a follow up question that proves just how lacking my knowledge is in
 > this area -
 >
 > A stylesheet has just this entry-
 > nav.a:link { color: #FFFF66}
 >
 > My understanding is that any link inside, say, a table with a
 > class="nav" should be yellow (#FFFF66)
 >
 > But it just doesn't work - the link is the standard blue.
 >
 > I'm obviously doing something wrong, but I don't know what.
 >
 >
The correct way to write that is:

nav.a:link { color: #ffff66; }

You left out the semi-colon, and you should also use lower-case for all
letters (the semi-colon was the real problem).<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

David Preston wrote:

 > Now a follow up question that proves just how lacking my knowledge is in
 > this area -

 > A stylesheet has just this entry-
 > nav.a:link { color: #FFFF66}

That means a <nav> element (which doesn't exist in HTML) that is an
unvisited link and is a member of the class "a".

 > My understanding is that any link inside, say, a table with a
 > class="nav" should be yellow (#FFFF66)

Lets build this up piece by piece.

An anchor:
a
That is an unvisited link:
a:link
That is a descendent of a table:
table a:link /* note the descendent selector is a space */
And that table is a member of class "nav":
table.nav a:link

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

Blinky the Shark wrote:

 >
 > Here's a handy tool. The Web Developer Extension for Firefox has an
 > option on its toolbar to *Edit* your stylesheet and see the changes in
 > real time, the stylesheet and the page sharing a split screen. Add a
 > zero to a 2% margin value, and you're instantly looking at that page
 > with that style change.
 >

Well, ffs, I've had that installed for ages and never spotted that feature.

--
David Preston
Listening to the sound of silence<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

In article <MPG.1cf81a247cd50dc098977c.TakeThisOut@news.comcast.giganews.com>,
saz1958.TakeThisOut@nospammersexcite.com says...
 > In article <d6llt8$pqv$1@newsg4.svr.pol.co.uk>,
 > dave.TakeThisOut@dbpreston.wanadoo.co.uk says...
  > > Norman L. DeForest wrote:
   > > > Besides on-line references at:
<font color=brown>   > > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/index.htm</font" target="_blank">http://www.htmlhelp.org/index.htm</font</a>>
   > > > the "Web Design Group's Help file Distribution Page",
<font color=brown>   > > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/</font" target="_blank">http://www.htmlhelp.org/distribution/</font</a>>
   > > > has links for downloading the references for off-line access in a number
   > > > of formats (including Windows Help file format). The zipped HTML versions
   > > > of their references are:
   > > >
   > > > "HTML 3.2 Reference - Zipped HTML"
<font color=brown>   > > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wilbur.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wilbur.zip</font</a>>
   > > >
   > > > "HTML 4.0 Reference - Zipped HTML":
<font color=brown>   > > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdghtml40.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdghtml40.zip</font</a>>
   > > >
   > > > "CSS Guide - Zipped HTML":
<font color=brown>   > > > <a style='text-decoration: underline;' href="http://www.htmlhelp.org/distribution/wdgcss.zip</font" target="_blank">http://www.htmlhelp.org/distribution/wdgcss.zip</font</a>>
   > > >
   > > > You may find the latter especially convenient for your current endeavour.
   > > >
  > >
  > > That's the sort of thing I was looking for, thank you.
  > >
  > > Now a follow up question that proves just how lacking my knowledge is in
  > > this area -
  > >
  > > A stylesheet has just this entry-
  > > nav.a:link { color: #FFFF66}
  > >
  > > My understanding is that any link inside, say, a table with a
  > > class="nav" should be yellow (#FFFF66)
  > >
  > > But it just doesn't work - the link is the standard blue.
  > >
  > > I'm obviously doing something wrong, but I don't know what.
  > >
  > >
 > The correct way to write that is:
 >
 > nav.a:link { color: #ffff66; }
 >
 > You left out the semi-colon, and you should also use lower-case for all
 > letters (the semi-colon was the real problem).
 >
It should also have a dot in front of the nav. Sorry.

..nav.a:link { color: #FFFF66}<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

David Preston wrote:

 > Blinky the Shark wrote:

  >> Here's a handy tool. The Web Developer Extension for Firefox has an
  >> option on its toolbar to *Edit* your stylesheet and see the changes in
  >> real time, the stylesheet and the page sharing a split screen. Add a
  >> zero to a 2% margin value, and you're instantly looking at that page
  >> with that style change.

 > Well, ffs, I've had that installed for ages and never spotted that feature.

Menus Are Your Friends(tm)

Enjoy, David.

--
Blinky Linux Registered User 297263
Killing all Usenet posts from Google Groups
Info: <a style='text-decoration: underline;' href="http://blinkynet.net/comp/uip5.html" target="_blank">http://blinkynet.net/comp/uip5.html</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS 

David Preston wrote:
 > Blinky the Shark wrote:

  >> The Web Developer Extension for Firefox has an
  >> option on its toolbar to *Edit* your stylesheet and see the changes in
  >> real time, the stylesheet and the page sharing a split screen.
 >
 > Well, ffs, I've had that installed for ages and never spotted that feature.
 >
And it works, too!

My stylesheet entry should have read '.nav a:link { color: #FFFF66}'

Progress, at last!

--
David Preston
Listening to the sound of silence<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: I don't understand CSS