problem sa padajućim menijem, ne prikazuje se zastavica za izbor jezika

[ Plug-n-Play @ 29.11.2012. 00:02 ] @

Pozdrav svima,

Napravio sam najobičniji padajući meni za izbor jezika i lepo srpski

napravio CSS klasu

Code:
.lang-eng {
    margin-top: 0;
    margin-right: 2px;
    margin-left: 2px;
    padding-left: 25px;
    font-size: 0.9em;
    color: #8B9EB6;
    background-image: url(../images/uk.jpg);
    background-repeat: no-repeat;
    background-position: 2% 52%;
}

I zastavica se vidi jedino u firefoxu!!! Kako, zašto? Ne vidi se u IE, Chrome, Safariju... Operu nisam ni probao.
Pa dobro ko sam ovde blesav?

Pomagajte...

[ jeske.su @ 29.11.2012. 07:35 ] @

Probaj da navedes velicinu ikone. Npr.

Code:
width: 16px;
height: 16px;

[ Plug-n-Play @ 29.11.2012. 10:47 ] @

Ne pomaze :(

[ jeske.su @ 29.11.2012. 11:46 ] @

Moguce je da imas neki konflikt sa javom ako je koristis za taj meni, proveri da li si zatvorio sve div tagove. Pokusaj da tu ikonu stavis direktno u div, da ne cita iz CSS-a. Jbg tesko je ovako napamet znati. Mozda bi pomoglo ako bi postavio i HTML kod za taj meni.

[ Plug-n-Play @ 29.11.2012. 15:56 ] @

Div tagovi su naravno zatvoreni. Konflikt sa javom, sumnjam...
Ma najobičniji dropdown, zato nisam ni stavio HTML kod, uostalom evo:

Code:
        <div id="header">
<form name="form" id="form">
  <select name="languages" class="lang" id="languages" onchange="jumpMenu('parent',this,1)">
    <option selected="selected" class="lang">Choose Language</option>
    <option value="#" class="lang-eng">English</option>
    <option value="index-sr.html" class="lang-sr">Serbian</option>
    <option value="index-slo.html" class="lang-slo">Slovenian</option>
  </select>
</form>
        </div>

a ovaj jumPMenu ubacio je dreamweaver

Code:
<head>
...
<script type="text/javascript">
function jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
</head>

sve u svemu ništa specijalno i nije mi jasno zašto se zastavice ne prikazuju...

[ HeYoo @ 29.11.2012. 16:15 ] @

Ti pokusavas da uguras sliku u select koji nije padajuci meni i ne verujem da mozes lako postici to sto zelis.
Sto ne uradis padajuci meni uz pomoc liste? Imas zilion uputstava na netu, a ako te mrzi imas isto tako zilion gotovih resenja sa sve zastavicama.

[ Plug-n-Play @ 29.11.2012. 17:20 ] @

Naravno da me ne mrzi, nego mislio sam da može i oavko, a u firefoxu se vidi lepo...

[ jeske.su @ 29.11.2012. 18:28 ] @

Meni za jezike

Probaj ovo resenje, ja sam ga koristio... i radi u svim browserima.
Pozdrav!

[ Plug-n-Play @ 29.11.2012. 19:17 ] @

Hvala ti, ali samo jquery je preko 100k i to sam hteo da izbegnem, hteo sam neko rešenje sa par redova koda, najbolje čist css ako može.

[ jeske.su @ 30.11.2012. 08:54 ] @

Ne znam kako ces to odraditi bez jave a da ti se vide ikone u svim browserima. Ta metoda koju ti pokusavas pali samo u firefox-u.

[ HeYoo @ 30.11.2012. 18:13 ] @

Moze i bez javascripta.
Ne bi trebala da te brine velicina jQuery (koji je inace svega 32kB) posto je velika verovatnoca da ga korisnik vec ima u kesu brauzera s obzirom na rasprostranjenost biblioteke.

[ jeske.su @ 30.11.2012. 19:14 ] @

Voleo bih da nam pokazes taj primer bez jave, znaci select menu sa sve ikonama i da radi u svim browserima.
Hvala unapred.