Underlining of links inconsistent
fletchgqc - October 29, 2008 - 16:29
| Project: | Language Icons |
| Version: | 6.x-1.0 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | postponed (maintainer needs more info) |
Description
On firefox the entire language link is underlined including the image. On IE7 only the language name and the space between the icon and the name is underlined. This looks a little silly on IE7, in particular because the space is being underlined. Example: go to freso.dk and hover over the language links in IE7 and in Firefox.
Anyone done any investigation into why this happens?
#1
If you have firefox, install the webdevelopers toolbar and look at the css of the specific item. It may also be that you are running ie7 in compatibility mode (or is that setting exclusive to ie8? i dont know..)
#2
Well... do you also see the described effect?
Here's the CSS on freso.dk for the image:
img, a img {86bd73fc...2f723.css (line 1)border:medium none;
}
img, a img {86bd73fc...2f723.css (line 1)
border:medium none;
}
img {86bd73fc...2f723.css (line 1)
border:0 none;
}
Inherited froma.language-link en
li a.active {86bd73fc...2f723.css (line 1)
color:#000000;
}
a:active, a.active {86bd73fc...2f723.css (line 1)
color:#C09A56;
}
a:active, a.active {86bd73fc...2f723.css (line 1)
color:#C09A56;
}
a:link, a:visited {86bd73fc...2f723.css (line 1)
color:#C97E00;
text-decoration:none;
}
Inherited fromli.en
ul li, ul.menu li, .item-list ul li, li.leaf {86bd73fc...2f723.css (line 1)
list-style-image:none;
list-style-type:none;
}
Inherited frombody.sidebars
body {86bd73fc...2f723.css (line 1)
color:#240F02;
font-family:Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:170%;
}
And for the link:
li a.active {86bd73fc...2f723.css (line 1)color:#000000;
}
a:active, a.active {86bd73fc...2f723.css (line 1)
color:#C09A56;
}
a:active, a.active {86bd73fc...2f723.css (line 1)
color:#C09A56;
}
a:link, a:visited {86bd73fc...2f723.css (line 1)
color:#C97E00;
text-decoration:none;
}
Inherited fromli.en
ul li, ul.menu li, .item-list ul li, li.leaf {86bd73fc...2f723.css (line 1)
list-style-image:none;
list-style-type:none;
}
Inherited frombody.sidebars
body {86bd73fc...2f723.css (line 1)
color:#240F02;
font-family:Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:170%;
}
#3
Is anyone else seeing this? Does this behaviour also exist on on other sites than mine? I don't have access to IE7 myself (and I have no particular desire to either :)), so I'm afraid I can't help much with testing. Perhaps some screenshots would be in order?
#4
The behaviour exists in exactly the same fashion on other sites. I just used yours because you're the project maintainer.
However, that said... since I lodged this issue, your site now only underlines these links on hover, so I had to hover over the links to create the attached screenshots. So either you changed some CSS on your site or made some changes to the module? Nevertheless, on hover the problem still exists and you can see what I'm talking about in the attachments.
#5
Does it only happen in the nodes, or is the problem on the "Language switcher" block as well?
And no problem using my site. :) I just need to know if it happens anywhere else as well, as it might still be some site specific issue, even if I do know my own site pretty well. ;)