• Hi, if you look at my page: kortlink.dk/7zg6 , you will notice that under the Liverpool and Man City logos, there are a link that states: L?s mere (Read more), but if you put the mouse over the link, the link turns all blue, insted af white and blue as all the other “l?s mere” links. How do I change this? I have tried to edit the stylesheet, but I could not locate the problem.

    When I edited my page, I used headline 3 to make the link larger.

    I hope you can help,

    ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • Ok, maybe I am saying something stupid but why don’t you try to treat that headline as a <p id=headline> and then on teh CSS set the size desired for that p.

    Being still a <p> maybe the mouseover behaves like the others

    I am sure there would be a better solution though, like did you check what the a:hover style is like???

    Thread Starter madsmads

    (@madsmads)

    I am not an CSS expert. I am not very good, so I am a little lost when you mention <p id=headline>

    My a:hover looks like this:

    a:link { color: #0066cc; text-decoration: none;}
    
    a:visited { color: #6633ff; text-decoration: none; }
    
    a:hover, a:active { color: #ffffff; background-color: #0066cc;}
    
    h3 a:link { color: #0066cc; text-decoration: none; }
    
    h3 a:visited { color: #0066cc; text-decoration: none; }
    
    h3 a:hover, a:active { color: #ffffff; background-color: #0066cc;}

    They look the same to me, but somehow the h3 links behave differently.

    Thread Starter madsmads

    (@madsmads)

    Bump ??

    Moderator cubecolour

    (@numeeja)

    This is the line in your stylesheet it is getting the colours for tht link:

    h3 a:hover, a:active { color: #0066cc; background-color: #0066cc;}

    The background is the same colour as the text.

    Thread Starter madsmads

    (@madsmads)

    Hi. If i change background-color: #0066cc;} to #ffffff, the link still does not look like the rest of the links on my frontpage https://www.kortlink.dk/7zg6

    I hope you have a solution, as I really would like my links to be similar ??

    Moderator cubecolour

    (@numeeja)

    OK try this for that line:

    h3 a:hover, h3 a:hover span, a:active { color: #fff!important; background-color: #0066cc;}

    Thread Starter madsmads

    (@madsmads)

    Super, thank you. It worked as I intended, thank you very much! ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Annoying link problem’ is closed to new replies.