Professional Web Applications Themes

CSS Pseudo Classes - Macromedia Dynamic HTML

:confused; Do You Know How To Create A Web Page With More Than One Pseudo Class? Hello. I am hoping you can help me with a problem that I have been struggling with for the past couple of weeks. I am attempting to create a webpage using Cascading Style Sheets and I need to create two sets of hyperlinks colors using the Selectors for a:link, a:visited and a:hover. Here is an example of the type of effect that I am trying to create: http://www.plantation.org/web/residents.html - This page has a set of hyperlinks are black, that switch to the color white ...

  1. #1

    Default CSS Pseudo Classes

    :confused;

    Do You Know How To Create A Web Page With More Than One Pseudo Class?
    Hello. I am hoping you can help me with a problem that I have been struggling
    with for the past couple of weeks. I am attempting to create a webpage using
    Cascading Style Sheets and I need to create two sets of hyperlinks colors using
    the Selectors for a:link, a:visited and a:hover.

    Here is an example of the type of effect that I am trying to create:

    http://www.plantation.org/web/residents.html - This page has a set of
    hyperlinks are black, that switch to the color white on hover, and another set
    of hyperlink colors that are blue.

    Here are the two classes that I need to design:
    First Class:

    a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;
    }
    a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;
    }
    a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    color: #FFFF33;
    text-decoration: underline;
    }

    Second Class:
    a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFF33;
    }
    a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFF33;
    font-size: 10px;
    }
    a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFF33;
    text-decoration: underline;
    }

    Can you explain how to do this using Dreamweaver? I know how to create two
    seperate style sheets using CSS and attach them to a page but when I do one
    sheet overrides the other. I haven't had much luck in locating any information
    on the Internet and I confirmed with Customer Support over the phone that there
    isn't any doentation either in the forum or the guide on how to do this.
    Thanks in advance for your help!

    slyboy69er Guest

  2. #2

    Default Re: CSS Pseudo Classes

    This is a question for the DW forum, not the dynamic HTML forum.

    But -

    Pseudo-classes and container styles are what you need - here are some
    tutorials.
    http://www.thepattysite.com/linkstyles1.cfm
    http://www.projectseven.com/tutorials/pseudoclasses/index.htm

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "slyboy69er" <com> wrote in message
    news:ftlnq6$j5f$macromedia.com... 

    Murray Guest

  3. #3

    Default Re: CSS Pseudo Classes

    :grin; Hello Murray. Sorry about that - I'm new to the forums so I wasn't sure
    which category I should post my message under. The link to the projectseven
    doent was also provided by another user and it solved my problem. Thanks for
    taking the time to respond! Best wishes.

    slyboy69er Guest

  4. #4

    Default Re: CSS Pseudo Classes

    Good luck!

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "slyboy69er" <com> wrote in message
    news:fu2eet$hds$macromedia.com... 

    Murray Guest

Similar Threads

  1. Pseudo-dsnless UPDATE
    By Paul_B in forum Coldfusion - Advanced Techniques
    Replies: 2
    Last Post: October 11th, 02:39 AM
  2. moving files, pseudo-classes, <br> not <p> etc
    By trixienolix in forum Macromedia Contribute General Discussion
    Replies: 1
    Last Post: May 27th, 08:15 PM
  3. pseudo code?
    By Ron in forum PHP Development
    Replies: 2
    Last Post: May 24th, 07:24 PM
  4. busying out a pseudo tty
    By PW in forum SCO
    Replies: 3
    Last Post: October 3rd, 01:15 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139