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???
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.
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.
Hi. If i change background-color: #0066cc;} to #ffffff, the link still does not look like the rest of the links on my frontpage http://www.kortlink.dk/7zg6
I hope you have a solution, as I really would like my links to be similar 🙂
OK try this for that line:
h3 a:hover, h3 a:hover span, a:active { color: #fff!important; background-color: #0066cc;}
Super, thank you. It worked as I intended, thank you very much! 🙂