Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

CSS troubles

Options
  • 08-04-2001 9:30pm
    #1
    Registered Users Posts: 7,626 ✭✭✭


    i converted my site to use a css style sheet, to get rid of those millions of <font> tags. I can get text links to change colour on mouseover, but not visited or active links. can anyone help??

    <edit>
    tis allright i got it. i changed the code from the dreamweaver one to one i got from a website.
    </edit>

    - Ciaran icon1.gif



    [This message has been edited by smoke-me-a-kipper (edited 08-04-2001).]


Comments

  • Moderators, Social & Fun Moderators Posts: 28,633 Mod ✭✭✭✭Shiminay


    Yeah - all you need to remember is the Anchor tag has lots of niggly bits, so you have A:link, A:active, A:hover, A:visited which all need to be defined. If you're making another A class, then you'll need to do it for that too. e.g. A.myclass:active, a.myclass:hover etc.



    All the best,

    Dav
    @B^)
    <font face="Verdana, Arial" size="2">Prepare yourself - The Beefy King stirs from his slumber...</font>

    [honey i] violated [the kids]


  • Registered Users Posts: 7,626 ✭✭✭smoke.me.a.kipper


    i just got into this css thingy yesterday, so i'm still learning.

    - Ciaranj ciaranj.com

    This post has been brought to you by the letter C, and the number 7.

    [This message has been edited by smoke-me-a-kipper (edited 09-04-2001).]


  • Registered Users Posts: 2,660 ✭✭✭Baz_


    here's one i created earlier
    BODY
    {
    	FONT-FAMILY:Verdana; FONT-SIZE:12px}TD
    {
    	FONT-FAMILY:Verdana; FONT-SIZE:12px
    }NOFRAMES{	FONT-FAMILY:Verdana; FONT-SIZE:12px}
    
    A:link 
    {
    	COLOR: #0000ff; FONT-WEIGHT: normal; TEXT-DECORATION: none
    }
    
    A 
    {
    	CURSOR: hand; TEXT-DECORATION: none
    }
    
    A:visited 
    {
    	COLOR: "purple"; FONT-WEIGHT: normal; TEXT-DECORATION: none
    }
    
    
    A:active 
    {
    	COLOR: #0000ff; FONT-WEIGHT: normal; TEXT-DECORATION: none
    }
    
    A:hover 
    {
    	COLOR: "red"; FONT-WEIGHT: normal; TEXT-DECORATION: underline
    }
    


Advertisement