skafanderek
09-03-2010, 16:04
Mam problem z wyświetlaniem pod internet explorer strony http://nigdywiecej.kei.pl/www/
grafika z logo dubluje się (pod FF i Chrome działa OK). Wiem, że winne jest temu przyjęte przeze mnie rozwiązanie wyboru języków (jest w formie listy). Jak można to poprawić albo inaczej zrobić, proszę o pomoc, bo nie mogę sobie z tym dać rady.
Poniżej fragment kodu winny tego problemu
plik index.php
<div id="head_center">
<ul>
<li><a class="pl" href="http://nigdywiecej.kei.pl/www/">pl</a></li>
<li><a class="ru" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=section&layout=b log&id=19&Itemid=77">ru</a></li>
<li><a class="ukr" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=article&id=421&I temid=93">uk</a></li>
<li><a class="fr" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=article&id=241&I temid=61">fr</a></li>
<li><a class="de" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=article&id=303&I temid=78">de</a></li>
<li><a class="en" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=article&id=303&I temid=78">en</a></li>
</ul></div>
i plik css
#head_center ul { float: right; list-style: none; display: block; padding-right: 19px; padding-top: 1px }
#head_center ul li { float: right; display: block }
#head_center ul li a { display: block; float: right; }
#head_center ul li a.pl { margin-left: 18px; width: 18px; height:20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.ru { margin-left: 18px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.ukr { margin-left: 18px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.fr { margin-left: 16px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.en { margin-left: 16px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.de { margin-left: 16px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
grafika z logo dubluje się (pod FF i Chrome działa OK). Wiem, że winne jest temu przyjęte przeze mnie rozwiązanie wyboru języków (jest w formie listy). Jak można to poprawić albo inaczej zrobić, proszę o pomoc, bo nie mogę sobie z tym dać rady.
Poniżej fragment kodu winny tego problemu
plik index.php
<div id="head_center">
<ul>
<li><a class="pl" href="http://nigdywiecej.kei.pl/www/">pl</a></li>
<li><a class="ru" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=section&layout=b log&id=19&Itemid=77">ru</a></li>
<li><a class="ukr" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=article&id=421&I temid=93">uk</a></li>
<li><a class="fr" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=article&id=241&I temid=61">fr</a></li>
<li><a class="de" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=article&id=303&I temid=78">de</a></li>
<li><a class="en" href="http://nigdywiecej.kei.pl/www/index.php?option=com_content&view=article&id=303&I temid=78">en</a></li>
</ul></div>
i plik css
#head_center ul { float: right; list-style: none; display: block; padding-right: 19px; padding-top: 1px }
#head_center ul li { float: right; display: block }
#head_center ul li a { display: block; float: right; }
#head_center ul li a.pl { margin-left: 18px; width: 18px; height:20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.ru { margin-left: 18px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.ukr { margin-left: 18px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.fr { margin-left: 16px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.en { margin-left: 16px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }
#head_center ul li a.de { margin-left: 16px; width: 31px; height: 20px; text-indent: -9999px; overflow: hidden }