SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: linking colours

  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2000
    Posts
    430
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Is it possible to have 2 different coloured types of links on the same page?

    I've used CSS for the link definition. I can manage to change specific links to different colours if I overide the CSS by using the font tag inside the CSS - however this stops the hover, and visted CSS styles as well.

    Any solutions?

  2. #2
    Sports Publisher mjames's Avatar
    Join Date
    Jan 2000
    Location
    Charlotte, NC
    Posts
    5,891
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <STYLE>
    A.menu{text-decoration:none;color:white;}
    A.side{text-decoration:none;color:white;}
    A.header{text-decoration:none;color:white;}
    </STYLE>
    Just have different values like that in your CSS code and when you want the different parts of the CSS code to be for each different link, you would use something like:

    Code:
    <A class="menu" href="whatever.com">

  3. #3
    SitePoint Evangelist goughb's Avatar
    Join Date
    Sep 2000
    Location
    Chicago
    Posts
    526
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I may be mistaken but I believe this is quick method
    <a href="whatever" style="color:green;">Link</a>

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Chiliboy...to expand on what M James said:

    a:link { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 9pt; font-weight: bold; }
    a:hover { font-family: Arial, Helvetica, sans-serif; color: #66FF00; font-size: 9pt; font-weight: bold; }
    a:visited { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 9pt; font-weight: bold; }
    a:visited:hover { font-family: Arial, Helvetica, sans-serif; color: #66FF00; font-size: 9pt; font-weight: bold; }

    a.footer:link { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 9pt; font-weight: bold; }
    a.footer:hover { font-family: Arial, Helvetica, sans-serif; color: #66FF00; font-size: 9pt; font-weight: bold; }
    a.footer:visited { font-family: Arial, Helvetica, sans-serif; color: #cccccc; font-size: 9pt; font-weight: bold; }
    a.footer:visited:hover { font-family: Arial, Helvetica, sans-serif; color: #66FF00; font-size: 9pt; font-weight: bold; }
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    Sports Publisher mjames's Avatar
    Join Date
    Jan 2000
    Location
    Charlotte, NC
    Posts
    5,891
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by goughb
    I may be mistaken but I believe this is quick method
    <a href="whatever" style="color:green;">Link</a>
    That may work, but it can be a hassle to include that tag on every link.


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
  •