Web Analytics Made Easy -
StatCounter hover with dreamweaver? - CodingForum

Announcement

Collapse
No announcement yet.

hover with dreamweaver?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • hover with dreamweaver?

    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?

  • #2
    You add them the same way as the 'a' attributes were set.
    The order IS important, however.....
    Code:
    a:link{..............}
    a:visited{...........................}
    a:hover{..............................}
    a:active{............................}
    Hope that clears it up.

    I take no responsibility for the above nonsense.


    Left Justified

    Comment


    • #3
      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?

      Comment


      • #4
        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?

        Comment


        • #5
          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; }

          Comment


          • #6
            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

            Comment


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

              // freak

              Comment


              • #8
                thx

                thx guys . I ll check it tommorow

                Comment


                • #9
                  Re: thx

                  Originally posted by alaios
                  thx/..is your syntax correct?
                  Yes.
                  Dreamweaver has a button labelled "Code View"...
                  Don't be afraid.....

                  I take no responsibility for the above nonsense.


                  Left Justified

                  Comment


                  • #10
                    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."

                    Comment


                    • #11
                      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!

                      Comment


                      • #12
                        any help with this?

                        Plz help i have to deliver it soon

                        Comment


                        • #13
                          .bottom:hover {

                          Comment


                          • #14
                            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

                            I take no responsibility for the above nonsense.


                            Left Justified

                            Comment


                            • #15
                              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

                              Comment

                              Working...
                              X