editing/creating various CSS class link options in Dreamweaver MX 2004 -
11-20-2004
, 11:29 AM
I frequently find that I want to have different pseudo-class versions
for a given CSS style (e.g. .navbutton a:link, .navbutton a:hover,
..navbutton a:visited, .navbutton a:active).
I have figured out how to use Dreamweaver (or any other program
editor) to simply edit my external CSS file and cut/paste/modify the
additional four blocks of text (see below).
But I would have thought I could do the same more automatically within
the MX 2004 IDE. But I cannot see how to do so. I have checked the
online help and poked around on the newsgroups but have struck out so
far.
To use the example below... I would like to, starting with just the
..navlinks style, automatically create
a:link/a:hover/a:visited/a:active copies and then be able to modifiy
them using the CSS style editing windows.
If anyone can tell me how to do that in DWMX2004, I would appreciate
it.
--DDenholm
..navlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 0px;
text-align: left;
text-decoration: none;
color: #FFFFFF;
padding-left: 10px;
font-weight: bold;
}
..navlinks a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 0px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
..navlinks a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 0px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
..navlinks a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 0px;
text-align: center;
text-decoration: none;
color: #D85344;
font-weight: bold;
}
..navlinks a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 0px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
font-weight: bold; |