+X Size in CSS on a:hover

Discussion in 'Web Design & Coding' started by D Schrute, Dec 14, 2004.

  1. D Schrute

    D Schrute Assistant Sensei VIP Member

    Joined:
    Aug 31, 2004
    Messages:
    1,201
    Likes Received:
    19
    Location:
    VA & NC
    I was wondering if there is a way (using CSS & HTML but NOT with image files) to increase the size of a hyperlink when rolling over? This is my current setup shown below:

    Code:
      <style type="text/css">
      body { color: yellow; background: black; margin-left: 3%; margin-right: 3%; }
      a:link {color: #FFFF00; text-decoration: none}
      a:visited {color: #FFFF00; text-decoration: none}
      a:hover {color: #FF0000; text-decoration: none}
      a:active {color: #FF0000; text-decoration: none} 
      </style>
      
     
    D Schrute, Dec 14, 2004
    #1
    1. Advertisements

  2. D Schrute

    TheOneGreatX VIP Member

    Joined:
    Apr 27, 2004
    Messages:
    1,276
    Likes Received:
    16
    Location:
    US
    u could make it bold, underlined, or italic
    that would make it a little bigger
     
    TheOneGreatX, Dec 14, 2004
    #2
    1. Advertisements

  3. D Schrute

    D Schrute Assistant Sensei VIP Member

    Joined:
    Aug 31, 2004
    Messages:
    1,201
    Likes Received:
    19
    Location:
    VA & NC
    Is adding to the size impossible or are you just making a suggestion? How would I make it italic?
     
    D Schrute, Dec 14, 2004
    #3
  4. D Schrute

    TheOneGreatX VIP Member

    Joined:
    Apr 27, 2004
    Messages:
    1,276
    Likes Received:
    16
    Location:
    US
    im just making a suggestion, but i dont really know how you would
     
    TheOneGreatX, Dec 14, 2004
    #4
  5. D Schrute

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    This is what you have to do:

    HTML:
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <style type="text/css">
    body {
    color: yellow;
    background: black;
    margin-left: 3%;
    margin-right: 3%;
    font-size: 12px;
    }
    a:link {
    color: #FFFF00;
    text-decoration: none
    }
    a:visited { 
    color: #FFFF00;
    text-decoration: none 
    }
    a:hover {
    color: #FF0000;
    text-decoration: none;
    font-size: 18px;
    }
    a:active { 
    color: #FF0000;
    text-decoration: none
    } 
    </style>
    </head>
    <body>
    <a href="http://xxx.xxx">xxxxx</a>
    </body>
    </html> 
     
    James, Dec 14, 2004
    #5
  6. D Schrute

    D Schrute Assistant Sensei VIP Member

    Joined:
    Aug 31, 2004
    Messages:
    1,201
    Likes Received:
    19
    Location:
    VA & NC
    Thanks James... W3C compliant and all :)
     
    D Schrute, Dec 14, 2004
    #6
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.