hover with dreamweaver?

[alaios]

Hi there....I use the dreamweaver as an editor for my stylesheets.
I have already changed the appearance of the <a > tag using the following code:
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF0000;
background-color: #CCCCCC;
}

How can I add the hover attribute.........
the visited?
any other options available?

[mindlessLemming]

You add them the same way as the 'a' attributes were set.
The order IS important, however.....

a:link{..............}
a:visited{...........................}
a:hover{..............................}
a:active{............................}

Hope that clears it up.

[alaios]

thx

thx/..is your syntax correct?
Why dreamweaver MX 2004 does not have this attributes in the css editor? Is it possible to add them somehow?

[alaios]

xm...dont work

It doesn't seem to work
a {
link: #CCCCCC;
visited: #CCCCCC;
hover: #CCCCCC;
active: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;

}

any ideas?

[alaios]

These errors were produced by the dreamweaver's tag validation
Suggestions?


Error CSS property active is not supported
Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0, Opera 6.0, Opera 7.0
line 26 a { link: #CCCCCC; visited: #CCCCCC; hover: #CCCCCC; active: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

Error CSS property hover is not supported
Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0, Opera 6.0, Opera 7.0
line 25 a { link: #CCCCCC; visited: #CCCCCC; hover: #CCCCCC; active: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

Error CSS property link is not supported
Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0, Opera 6.0, Opera 7.0
line 23 a { link: #CCCCCC; visited: #CCCCCC; hover: #CCCCCC; active: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

[Nightfire]

Look at lemming's post again. He hasn't put everything inside the a{} They are to be added separately.

a{}
a:link{}
a:visited{}

etc

[freak]

I suggest that everyone reading this thread have a read through the following site: http://dbaron.org/css/1999/09/links

// freak

[alaios]

thx

thx guys . I ll check it tommorow

[mindlessLemming]

Re: thx

Originally posted by alaios
thx/..is your syntax correct?

Yes.
Dreamweaver has a button labelled "Code View"...
Don't be afraid.....

[Paul Jr]

Re: Re: thx

Originally posted by mindlessLemming
Yes.
Dreamweaver has a button labelled "Code View"...
Don't be afraid.....

Lol.
"Don't be afraid... step into the light."

[alaios]

something more plz

Ok. It works fine now.Something more if u can help
How i must put hover link and visited for a style?

What i must add inside bottom?
<style type="text/css">
<!--
.bottom {color: #FFFFFF}

-->
</style>

Thx!

[alaios]

any help with this?

Plz help i have to deliver it soon

[Nightfire]

.bottom:hover {

[mindlessLemming]

If you want IE to apply the :hover selector on an element which is not an <a> tag, you will need to use this behaviour hack.
Which will invalidate your CSS...
If anyone has a way of doing this without invalid markup, I'm all ears

[alaios]

something like this?

IS this correct?
<style type="text/css">
<!--
.bottom {
color: #000000;
background-color: #CCCCCC;
}
.bottom:hover {
color: #000000;
background-color: #003333;
}
-->
</style>


If i want a table and his sub-tables to have the bottom stylesheet what i must do?
Thx