Posted by fletchgqc on October 29, 2008 at 4:29pm
| Project: | Language icons |
| Version: | 6.x-1.0 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed (won't fix) |
Issue Summary
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?
Comments
#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. ;)
#6
To be honest, I think this is (yet another) IE quirk, and as such can't really be "fixed" in Language Icons. Second, the CSS given above doesn't mention anything about underlining (well, it has
text-decoration:none;) and also removes the border (border:0 none;- which seems to be the place for further investigation if anyone really wants to spend the time), which means I've next to nothing to further work with. (And I don't have access to any Windows machines to play around with IE either.) If anything, the CSS could suggest it's an issue with the theme being used, which would make this likely to happen to underlined images + text elsewhere as well, and should thus be fixed in the given theme.Also, no response to my last question for almost a year.