SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Apr 2012
    Location
    Poole, Dorset, United Kingdom
    Posts
    72
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Coloured Border Colour Change On Text Link

    Hi All
    CSS is not really my strong point I have got so far but not sure where I'm going wrong. I have several text links in a table which I would like to have
    a solid border / box around and when the mouse moves over the link the box colour changes colour.

    I have the solid box part, but don't know how to do the hover colour change, tried a href style if changing nav text colour but cant change the border colour.

    Any pointers would be great


    .box1
    {
    border-style:solid;
    border-color:#CC6600;
    border-width:medium;
    background-color:#CC6600;
    text-color:#FFFFFF;

    }

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,823
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    The answer is ':hover'


    .box1
    {
    border-style:solid;
    border-color:#CC6600;
    border-width:medium;
    background-color:#CC6600;
    text-color:#FFFFFF;

    }
    .box1:hover
    {
    border-color:some other color hex;
    background-color:some other color hex;
    text-color:some other color hex;
    }



  3. #3
    SitePoint Enthusiast
    Join Date
    Apr 2012
    Location
    Poole, Dorset, United Kingdom
    Posts
    72
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    cheers bud!


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
  •