Different Link Styles on one page

Hi all. I recently asked how to show links on one page differently. On the
navigation bar they will be white, while the rest of the page will be the
standard blue with purple when visited. The reply to my question had links to
tutorials for DW 4, and I have MX. I had a look around, and being new to CSS
style sheets, I get lost in instructions. What is the easiest way to show links
differently?

Thanks

Josh

Go back to the tutorials - they are universal.

Understand the CSS concepts, not the 'how to do it in DW' part. Then you
will be able to do it in any DW.

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

"mr stix" <webforumsuser (AT) macromedia (DOT) com> wrote

Hi all. I recently asked how to show links on one page differently. On the
navigation bar they will be white, while the rest of the page will be the
standard blue with purple when visited. The reply to my question had links
to
tutorials for DW 4, and I have MX. I had a look around, and being new to
CSS
style sheets, I get lost in instructions. What is the easiest way to show
links
differently?

Thanks

Josh

in the head of your page or within your style sheet, add:
<style type="text/css">
<!--
a {

color: white;
text-decoration: underline;
}
a:hover {

color: red;
text-decoration: underline;
}

a.dark {

color: black;
text-decoration: underline;
}
a.dark:hover {

color: red;
text-decoration: underline;
}
-->
</style>


Then when you had a link in your page add within the tag class="dark" to call
the styll a.dark as in <a class="dark" href="page.htm">

This a very simple example, you can of course add other attributes such as
font size, style etc

Simple? Perhaps. But a better way to do it would be -

..dark a {...}

and

..dark a:hover {...}

so that the individual <a> tags do not have to be individually styled.

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

"Olivier Florence" <webforumsuser (AT) macromedia (DOT) com> wrote

in the head of your page or within your style sheet, add:
style type="text/css"
!--
a {

color: white;
text-decoration: underline;
}
a:hover {

color: red;
text-decoration: underline;
}

a.dark {

color: black;
text-decoration: underline;
}
a.dark:hover {

color: red;
text-decoration: underline;
}
--
/style


Then when you had a link in your page add within the tag class="dark" to
call
the styll a.dark as in <a class="dark" href="page.htm"

This a very simple example, you can of course add other attributes such
as
font size, style etc