Hello there
I have two gif image files to change the language of a website between English and Spanish. Nevertheless, I just can see the images of the flag in firefox, safari and opera, but not in ie6. You can check this at www.metatradersoftware.com by seeing the language flag at the top right corner of the screen. Does anyone know why this might happen?
The php code is:
if ($language=='en')
{
echo '<FORM name="auxemail" id=\'idauxemail\' action=\''.$pagina.'?' . $state.'&language=sp'.'\' method=\'post\'>';
echo '<P>';
echo '<INPUT class = \'enlacespanishflag\' type=\'submit\' onClick=\'storeState()\' value=\'';
echo (" ") . "'>";
echo '<TEXTAREA name =\'auxemailcontent\' id=\'idauxemailcontent\' rows=\'10\' cols=\'10\'>';
if (isset($SESSION['emailcontent']))
echo $SESSION['emailcontent'];
echo '</TEXTAREA>';
echo '<TEXTAREA name =\'auxemailsubject\' id=\'idauxemailsubject\' rows=\'10\' cols=\'10\'>';
if (isset($SESSION['emailsubject']))
echo $_SESSION['emailsubject'];
echo '</TEXTAREA>';
echo '</P>';
echo '</FORM>';
}
else if ($language=='sp')
{
echo '<FORM name="auxemail" id=\'idauxemail\' action=\''.$pagina.'?' . $state.'&language=en'.'\' method=\'post\'>';
echo '<P>';
echo '<INPUT class = \'enlacebritishflag\' type=\'submit\' onClick=\'storeState()\' value=\'';
echo (" ") . "'>";
echo '<TEXTAREA name =\'auxemailcontent\' id=\'idauxemailcontent\' rows=\'10\' cols=\'10\'>';
if (isset($SESSION['emailcontent']))
echo $SESSION['auxemailcontent'];
echo '</TEXTAREA>';
echo '<TEXTAREA name =\'auxemailsubject\' id=\'idauxemailsubject\' rows=\'10\' cols=\'10\'>';
if (isset($SESSION['emailsubject']))
echo $_SESSION['emailsubject'];
echo '</TEXTAREA>';
echo '</P>';
echo '</FORM>';
And the css code is:
.enlacespanishflag {
padding-left: 0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-image:url(images/spanishflag.gif);
width:30px;
height:18px;
outline:none;
border:none;
}
.enlacebritishflag {
padding-left: 0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-image: url(images/britishflag.gif);
width:30px;
height:18px;
outline:none;
border:none;
}
Another thing that happens is that I want to get rid of the outline which is shown when someone clicks on the language flag. Nevertheless, although I put outline:none in both the css tag of the Spanish flag and the one of the British flag, this outline is still shown when someone clicks the flag.
I would appreciate if anybody gave me any suggestion.
Thanks in advance
