59 users online (1 members and 58 guests)  


  Results 1 to 3 of 3

Related

  1. Replies: 3
  2. Single Page, Multiple Backgrounds?    Forum: Website Scripts Forum
    Replies: 6
  3. multiple popup windows on one page    Forum: Javascript Forum
    Replies: 1
  4. Multiple Rollovers - HELP!!    Forum: Javascript Forum
    Replies: 3
  5. Nested "classes" ?    Forum: CSS Forum
    Replies: 1
  1. #1
    amyinomaha's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    9

    Question Multiple CSS Classes on 1 Page?

    I need to have multiple CSS classes on a page for the links. For instance, the links on the left hand navigation area are set up correctly - with the white. However, I want to have different colors for the email links on the right hand "main" area as white doesn't work because of the background color. How do I do this?

    Example:
    http://www.amcon.com/amy/ipg/contractvoice.html

  2. #2
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732
    Hi there amyinomaha,

    Do your style sheet like this...

    a.left:link
    a.left:visited
    a.left:hover
    a.left:active

    a.main:link
    a.main:visited
    a.main:hover
    a.main:active

    and your anchors like this...

    LEFT NAVICATION
    <a class="left" href="">

    MAIN
    <a class="main" href="">

    cthead

    p.s. you may find w3schools instructive
    Last edited by coothead; 12-02-2003 at 11:52 AM.

  3. #3
    woodknut's Avatar
    Disabled

    Status
    Offline
    Join Date
    Dec 2003
    Posts
    32
    Looks like the "mailto:" is defaulting to A.link definition.
    You could create another definition to use on the "content" portion of your page:

    a.mail {
    background-color: transparent;
    color: yellow;
    }
    a:hover.mail {
    background-color: transparent;
    color: red;
    }


    <a href="mailto:nporter@interpublic.com" class="mail">Ned Porter</a>

    The background-color will allow the blue of your "content" to show through; I would select text colors that make more sense than shown .

    HTH
    Dan.



Tags for this Thread