Results 1 to 2 of 2

Thread: 2 different links on the same page

  1. #1
    Join Date
    Aug 2009
    Location
    London
    Posts
    93
    Thanks
    26
    Thanked 0 Times in 0 Posts

    Default 2 different links on the same page

    I'm having problems doing some simple css/html and would appreciate help please:

    I have set a link style [1] which works perfectly, but now I want to put linked text in styled text and therefore create a second link style on the same page.

    Link style [1] CSS (This works fine):
    a {
    color:#FFFFFF;
    font-size:12px;
    padding-left:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    }

    Link style [2] HTML/text:
    <h4>Copyright 2009. For more information please contact: <a href="#" target="_blank">www.a-website.com</a></h4>

    h4 {
    color: #666666;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    }

    So how would I create a link style that replicates the size and font style & family of h4, but where the underline and color changes on mouse-over?

  2. #2
    Join Date
    Jul 2009
    Location
    Coquitlam BC Canada
    Posts
    46
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Default

    combine those two together.
    Code:
    a:link a:active a:visited {
    color:#FFFFFF;
    font-size:12px;
    padding-left:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    }
    a:hover
    {
    
    color:red;
    font-size:12px;
    padding-left:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
    }
    h4 {
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    }

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
  •