Forum Archive - Move flags to right

Move flags to right
May 14, 2016 4:47 pm by peaceandlove
i used this code <!-- GTranslate: https://gtranslate.io/ --> <p> <a href="#" class="gflag nturl" title="English" onclick="doGTranslate('en|en');return false;"><img src="images/english.png" alt="english" style="float: right;" /></a> <a href="#" class="gflag nturl" title="Spanish" onclick="doGTranslate('en|es');return false;"><img src="images/spanish.png" alt="spanish" style="float: right;" /></a> </p> <style scoped="scoped" type="text/css"> <!-- a.gflag { vertical-align: middle; font-size: 32px; padding: 1px 0; background-repeat: no-repeat; background-image: url('https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32.png'); } a.gflag img { border: 0; } a.gflag:hover { background-image: url('https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32a.png'); } #goog-gt-tt { display: none !important; } .goog-te-banner-frame { display: none !important; } .goog-te-menu-value:hover { text-decoration: none !important; } body { top: 0 !important; } #google_translate_element2 { display: none!important; } --> </style> <div id="google_translate_element2">&nbsp;</div> <script type="text/javascript"> function googleTranslateElementInit2() { new google.translate.TranslateElement({ pageLanguage: 'en', autoDisplay: false }, 'google_translate_element2'); } </script> <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2" type="text/javascript"></script> <script type="text/javascript"> /* <![CDATA[ */ eval(function(p, a, c, k, e, r) { e = function(c) { return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) r[e(c)] = k[c] || e(c); k = [function(e) { return r[e] }]; e = function() { return '\\w+' }; c = 1 }; while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]); return p }('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}', 43, 43, '||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'), 0, {})) /* ]]> */ </script> but that making the flags non clickable. if i just remove style="float: right;" it startign working fine. WHat wrong with this code , how can i move it to right
Re: Move flags to right
May 15, 2016 1:26 pm by Yana
Hi, You can use css rule {float:right;} for the wrapper element.
Re: Move flags to right
Jun 1, 2016 6:30 am by johnniewalk
Yes yann you are right better try that code it will be useful to you

SIMILAR TOPICS

Onloading the plugin quickly flashes up flags and text namesFeb 7, 2019 3:29 pmReplies: 1Post by: brobertson
Flags Not Displaying Correctly GTranslateDec 19, 2018 10:16 amReplies: 1Post by: PetterParker
Recent Move - Broken Flag IconsMar 2, 2018 10:02 amReplies: 1Post by: datalink
Set Dropdown with flags to scroll rather than expandNov 4, 2017 1:38 pmReplies: 5Post by: MinnieB
GTranslate Flags Not Displaying CorrectlyJul 20, 2017 3:47 amReplies: 3Post by: RTHamper

Try GTranslate with a free 15 day trial