Styles legal?

[tshad]

Some of my pages were done by someone else who set up their styles to work
like so:

This would turn the links white if they had the links set to something like:

<a href="#" class="toplink>test</a>

..toplink{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
}


This was fine. But I wanted to set up my default links to be teal in color,
so I did the following:

a:visited {
color:#3EA2BC;
text-decoration: none;
}
a:link {
color:#3EA2BC;
text-decoration: none;
}
a:active {
color:#3EA2BC;
text-decoration: none;
}

This works fine for all my links, but it also overrode the old definition
for the links that were supposed to be white (.toplink) and now they were
all Teal.

So what I did was add another class:

a:visited.toplink{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
}
a:link.toplink{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
}
a:link.toplink{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
}


This seems to work fine. But DW gives me a styles error that says that
there is an error parsing for IE 5.0.

In the design window, it acts as if these definitions don't exists and show
the links as Teal. But when I do an F12 to bring up the Browsers, they work
fine.

Is the above definition not the preferred way to handle links?

I was told it was.

Is there a way to make DW handle these links correctly?

Also, they don't show in the styles dropdown properties.

Thanks,

Tom

[Murray *TMM*]

It is not the preferred way, which would be this -

..<div id="toplink"><a href="#">test</a></div>

and then -

#toplink a { ...}
#toplink a:hover, #toplink a:focus { ... }

This would style ONLY those <a> tags within the container with ID "toplink".

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"tshad" <tscheiderich@ftsolutions.com> wrote in message
news:d5rlsp$imk$1@forums.macromedia.com...

> Some of my pages were done by someone else who set up their styles to work
> like so:
>
> This would turn the links white if they had the links set to something
> like:
>
> <a href="#" class="toplink>test</a>
>
> .toplink{
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> color: #FFFFFF;
> text-decoration: none;
> font-weight:bold;
> }
>
>
> This was fine. But I wanted to set up my default links to be teal in
> color, so I did the following:
>
> a:visited {
> color:#3EA2BC;
> text-decoration: none;
> }
> a:link {
> color:#3EA2BC;
> text-decoration: none;
> }
> a:active {
> color:#3EA2BC;
> text-decoration: none;
> }
>
> This works fine for all my links, but it also overrode the old definition
> for the links that were supposed to be white (.toplink) and now they were
> all Teal.
>
> So what I did was add another class:
>
> a:visited.toplink{
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> color: #FFFFFF;
> text-decoration: none;
> font-weight:bold;
> }
> a:link.toplink{
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> color: #FFFFFF;
> text-decoration: none;
> font-weight:bold;
> }
> a:link.toplink{
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> color: #FFFFFF;
> text-decoration: none;
> font-weight:bold;
> }
>
>
> This seems to work fine. But DW gives me a styles error that says that
> there is an error parsing for IE 5.0.
>
> In the design window, it acts as if these definitions don't exists and
> show the links as Teal. But when I do an F12 to bring up the Browsers,
> they work fine.
>
> Is the above definition not the preferred way to handle links?
>
> I was told it was.
>
> Is there a way to make DW handle these links correctly?
>
> Also, they don't show in the styles dropdown properties.
>
> Thanks,
>
> Tom
>