[ 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"><!--header starts here-->
<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><!--end of header-->


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.