Underscore after country flags in Internet Explorer

[porpoise2011]

I am using the language switcher and everything seems to be working perfectly with the exception that the country (language) flags have a funny underscore after the flag when the page is opened in explorer (7).

I have attached 2 images of what appears.

I would be extremely grateful for any help!

[infograf768]

Are you using the default templates (beez)?

[porpoise2011]

Yes - Beez 20.

Everything is fine in Firefox - just a problem in Explorer.

[porpoise2011]

Using firebug I found one suspisious line but have no idea if this is the cause.

*|*:-moz-any-link {
text-decoration: underline;
}
about:PreferenceStyleSheet
<System>

Could the "underline" be causing this? How do I change the preference style sheet?

[infograf768]

I can't reproduce the issue here on IE8 Mode IE7

[porpoise2011]

I have also tried this out with the other default templates (atomic and fruit shop) and I still get this problem (.

What does this mean and is there any way to work around this?

*|*:-moz-any-link {
text-decoration: underline;
}
about:PreferenceStyleSheet
<System>

[infograf768]

I have also tried this out with the other default templates (atomic and fruit shop) and I still get this problem (.

What does this mean and is there any way to work around this?

*|*:-moz-any-link {
text-decoration: underline;
}
about:PreferenceStyleSheet
<System>

A google search for *|*:-moz-any-link shows that this is used as internal css by the browser.

[porpoise2011]

This problem seems to be solved when I had upgraded with the 1.6.1 files .

[pjottrr]

alltough this is an old article, i also experience this.

not only in IE, but on all browsers.
the website i'm talking about is joomla 2.5, with an artisteer template.
the site is: www.healbird.com
however, this is the old joomla 1.5 site. Im converting it to joomla 2.5 on location:
http://pjottrr.no-ip.org/healbird
this is where the problem exists

If i look in firefox "inspect element" what i can find in the link is the following:
<li class="" dir="ltr"><a href="/healbird/index.php/de/"></a></li>


If i use firebug the result is as folowing:

<ul class="lang-inline">
<li class="" dir="ltr">
<li class="" dir="ltr">
<a href="/healbird/index.php/de/">
<img title="german" alt="german" src="/healbird/media/mod_languages/images/de.gif">
</a>

If i change
html--> li.lang-active from/to:

from:
-------------------------------------------------------------------------------------------
<li dir="ltr" class="lang-active">
<a href="/healbird/index.php/de/">
<img src="/healbird/media/mod_languages/images/de.gif" alt="german" title="german">
</a>
</li>
--------------------------------------------------------------------------------------------
<li dir="ltr" class="lang-active">
<a href="/healbird/index.php/de/">
<img src="/healbird/media/mod_languages/images/de.gif" alt="german" title="german"></a>
</li>
--------------------------------------------------------------------------------------------

( removing extra space)

the problem seems to bes solved.

However, i have no clue on where / how to solve this in joomla.

Can anyone help me out?

[easysymbol]

This problem seems to be solved when I had upgraded with the 1.6.1 files .

I have the same problem, may i know what you have upgraded to solve that problem?
Seems like noone except you and me have had that problem.

Thanks in advance for any help i will receive.

[apokoron]

I had the same problem in Joomla 2.5.9 in all browsers (opera, firefox, ie).
looking at the source code i found some epty space after the image tag in the flags.
I find the solution -for me- by puting some code in one line instead of three in the folow file:

"...mysite/modules/mod_languages/tmpl/default.php" - and it looks now so:

line 32 <?php if ($params->get('image', 1)):?>
line 33 <?php echo JHtml::_('image', 'mod_languages/'.$language->image.'.gif', $language->title_native, array('title'=>$language->title_native), true);?><?php else : ?><?php echo $params->get('full_name', 1) ? $language->title_native : strtoupper($language->sef);?><?php endif; ?></a></li>
line 34 <?php endif;?>

Hope to help others as well !

[mav-mad]

Hi!

For me it was a css issue, in all browsers.

I had the language switcher module in a position called "top". This position had a blue background. I believe that this is not an issue if you have a white background.

The issue was that I had a property inside styles.css for that position called "text-decoration" and it was set to "underscore". I modified the value to "none" and Fixed!

Hope it helps

J