#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2000
    Location
    canberra, act, australia
    Posts
    15
    Rep Power
    0
    hello

    I'm trying to get a few different link and hover styles within the one page. This is because there are three different menus, and I want each to have different rollover properties.

    I've linked the page to an external style sheet, and have also tried to put an inline style into the <a href> tag of the menus concerned, but they still seem to stick to the main external stylesheet.

    thank you for any ideas on how to do this,Sue
  2. #2
  3. No Profile Picture
    All round clown
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2000
    Posts
    21
    Rep Power
    0
    I had the same dillema a while ago, and the only solution I could come up was to use horrible frames. Not really a solution to your problem, but an alternative.




    [This message has been edited by null (edited September 19, 2000).]
  4. #3
  5. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2000
    Posts
    11
    Rep Power
    0
    Okay then..

    In your stylesheet place something like this

    a {color:#3050E0;}
    a:hover {color:#E05030;}
    a.other {color:#E05050;}
    a.other:hove {color:#3050E0}

    And use the following lines in your html.

    <a href="#">Link1</a>
    <a href="#" class="other">Link2</a>

    That's is...
  6. #4
  7. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2000
    Location
    canberra, act, australia
    Posts
    15
    Rep Power
    0
    Jasper and Null

    thanks for your replies. I have also tried using classes for all the menu styles, and thus avoiding any mention of A: and A:hover in the code of the external style sheet (which seems to set the code for the whole page, overriding classes). Thus all the menu styles are on an equal footing. The reference to the class goes in the <a href> tag, like this <a href class=green>.

    But, I understand that styles have wider browser-compatability than classes, so may try the style code suggested.

Similar Threads

  1. Centering an entire page in CSS?
    By liquidspaces in forum CSS Help
    Replies: 8
    Last Post: October 30th, 2003, 07:56 AM
  2. SSL and multiple sources of page items
    By silvertiger in forum Security and Cryptography
    Replies: 0
    Last Post: October 27th, 2003, 03:40 PM
  3. possible? internal reference among css styles
    By jporven in forum CSS Help
    Replies: 6
    Last Post: September 16th, 2003, 01:07 AM
  4. How do you make a CSS image rollover?
    By webkid_01 in forum CSS Help
    Replies: 2
    Last Post: January 8th, 2003, 04:18 PM
  5. Replies: 2
    Last Post: January 22nd, 2002, 09:57 AM

IMN logo majestic logo threadwatch logo seochat tools logo