Page 1 of 1

[SOLVED] image is seen in firefox, safari but not in ie6

Posted: Mon May 26, 2008 11:54 am
by thosecars82
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 http://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

Re: image is seen in firefox, safari but not in ie6

Posted: Mon May 26, 2008 6:01 pm
by whiterabbit
echo '<FORM name="auxemail" id=\'idauxemail\' action=\''.$pagina.'?' . $state.'&language=sp'.'\' method=\'post\'>';
Are you closing the \" in the action=\" anywhere??

Re: image is seen in firefox, safari but not in ie6

Posted: Mon May 26, 2008 6:30 pm
by thosecars82
whiterabbit wrote:
echo '<FORM name="auxemail" id=\'idauxemail\' action=\''.$pagina.'?' . $state.'&language=sp'.'\' method=\'post\'>';
Are you closing the \" in the action=\" anywhere??
here, after "....sp'.", you can find "'\'...." and the symbol \' is the closing of the action. I still don't know what happens because when I thought that I had solved it, then now I am seeing that altough I can see the flags in the webserver, I cannot see them in my local installation of the website at my computer. I have just made sure through syncronization that both remote webserver and local webserver have the same content for the website. Therefore, the website should have the same behavior in both of these serbers. Nevertheless, I do not see the images here in my local isntallation of the server in contrast to the remote server. Nothing similar to this had happened to me yet.
Any idea?
Thanks in advance

Re: image is seen in firefox, safari but not in ie6

Posted: Mon May 26, 2008 10:22 pm
by thosecars82
solved with this code:
solved with this code:

.enlacespanishflag {
padding-left: 0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-image:url(images/spanishflag.gif);
background-repeat:no-repeat;
background-color:transparent;
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);
background-repeat:no-repeat;
background-color:transparent;
width:30px;
height:18px;
outline:none;
border:none;
}

echo "<input type='submit' class='enlacespanishflag' value='' onclick='storeState()' onfocus='this.blur()'";
echo " />";

echo "<input type='submit' class='enlacebritishflag' value='' onclick='storeState()' onfocus='this.blur()'";
echo " />";