55 users online (1 members and 54 guests)  


  Results 1 to 2 of 2

Related

  1. css active link problem    Forum: CSS Forum
    Replies: 9
  2. Setting last page visited    Forum: CGI Perl Forum
    Replies: 0
  3. hover over link balloon...    Forum: HTML Forum
    Replies: 2
  4. Replies: 6
  5. Changing link colors in middle of page    Forum: HTML Forum
    Replies: 1
  1. #1
    reo's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2002
    Posts
    7

    Different :link, :visited, :hover, :active colors on some page

    Hi All,

    This is probably a fairly ordinary query for most of you folks... but for me (who doesn't have much time to study all of this) it's a bit of a hurdle that I can't jump yet.

    I have started re-working my site with css and have made 3 'boxes'... one top, one side and one main box. What I would like to do is have different link, hover etc colors/font-family/whatever for each box.

    At the moment I am using:

    a:link.top { color: #adc0d9; text-decoration: none; font-size: 12px; }

    and so on...
    I mimicked this from the css file found on xbox.com

    Any examples would be great... preferably one that would work in a css1 browser as well as css2.

    Thanks

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hello there. Welcome to the forums.

    You can define classes. That means you can apply different CSS rules depending on either what class something is, or even by where it is on the page.

    I find using the second type more useful.

    here is a div, with a link -

    Code:
    <div class="leftBox">
    <a href="http://www.quietdean.com">My Homepage</a>
    </div>
    You would access the style for this like this -

    Code:
    div.leftBox a {
    color: black;
    }
    div.leftBox a:hover {
    color: blue;
    }
    Donr forget tho, anything using : means it is a pseudo-selector, basically meaning old browsers will not pay any attention to it. But the wonder of style sheets, this means it will just ignore it

    Also, for a grounding on CSS, try the link in my signature.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?



Tags for this Thread