How to apply A:Hover eefect?

Discussion in 'CSS' started by moneyzeal, Oct 9, 2008.

0
  1. #1
    I cant apply {A:hover} effect in my "related post" item of my blogger blog.
    Here is the code I used to do it:

    <div id='data2007' style='color:#555555;a:hover{text-decoration:underline; color:#333};height:auto; overflow:auto;width:70%;float:left;font-family:Arial; font-size:12px;font-weight: bold;padding-top: 2px'/><br/><br/>

    Moreover, The text color also remains red,(#990000) (my page default list text color).

    How can I change the text color and apply a hover effect to my related post Item??
     
    moneyzeal, Oct 9, 2008 IP
  2. jordanthegreat

    jordanthegreat Active Member

    Messages:
    390
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #2
    I did some reading around and it seems there is not much support for inline styling of pseudoclasses like hover. Can you possibly put this bit of styling in the header?
     
    jordanthegreat, Oct 9, 2008 IP
  3. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #3
    steelfrog, Oct 9, 2008 IP
  4. jordanthegreat

    jordanthegreat Active Member

    Messages:
    390
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #4
    In all fairness... I answered first :p
     
    jordanthegreat, Oct 9, 2008 IP
  5. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hah hah, yes you did. :D
     
    steelfrog, Oct 9, 2008 IP