Forums

Flag for Google Translate - CSS HELP!??

Permalink
I admit I'm not that great with CSS editing, but I hope you guys are!

I'm simply trying to add a flag to the left of the Google Translate box (GT Display Mode: Inline\Dropdown only) - see highlighted in attached. Everytime I squeeze a logo in to this area on my page the flag image (flag.png) appears below the translate box.

Does anyone know of a clever trick with DIV's that can help me with this please?

Header.php
<div id="header-text">
<?php if (!$c->isEditMode()) :?>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    includedLanguages: 'cy',
    autoDisplay: false,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<? endif; ?>   
</div>


CSS
/* Header
-------------------------------------------------------------- */
#header {
   height: 115px;
   position: relative;
   width: 960px;
}
.logo {
   position: absolute;
   top: 8px;
   left: 10px;
}
#header-text {
   position: absolute;
   top: 20px;
Viewing 15 lines of 28 lines. View entire code block.

1 Attachment

IVT
 
IVT replied on at Permalink Reply
IVT
...not sure if it is of any use, but this is where I got the Google code from;

http://translate.google.com/translate_tools...