como poner un div en un menu lista de mi web

[posicionseo]

Estimados, tengo un menu en un sitio web asi:

Código HTML:

<div id="tray">
 
        <ul>
            <li id="tray-active"><a href="/index.html">Inicio</a></li> <!-- Active page -->
            <li><a href="/yenien.html" title="Bienvenidos a Cabañas Yenien | Complejo Turistico" target="_blank">Cabañas Yenien</a></li>
            <li><a href="/sanjose.html" title="Bienvenidos a Cabañas San José | Complejo Turistico" target="_blank">Cabañas San José</a></li>
            <li><a href="#" title="Complejo San Rafael | Quiénes Somos">Quienes Somos</a></li>
            <li><a href="#" title="Reservar cabañas en san rafael | Complejo San Rafael" target="_blank">Reservas</a></li>
            <li><a href="#" title="Cómo llegar a cabañas Yenien | San José" target="_blank">Mapa de Llegada</a></li>
            <li>
        </li></ul>
 

y tengo el codigo de google translate

Código HTML:

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'es', includedLanguages: 'de,en,fr,it,no,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

uso dreamweaver y cuando intento ponerlo se pone en cualquier lugar.
como hago para dejarlo fijo en xxx lugar?

[C2am]

¿utilizas la vista diseño del dreamweaver?¿o la vista código?

[posicionseo]

ambas 2 amigo, con la vista codigo aprendo algunas cosas y la vista diseño para guiarme, divido la pantalla.

[C2am]

Entonces, donde ubiques ese

Código HTML:

<div id="google_translate_element"></div>
 

es donde debería aparecer ese widget o como se llame.

La vista diseño, no es fiable, siempre es mejor ir verificando con un navegador de verdad, o mejor con varios de ellos.

[posicionseo]

claro pero como hago para ubicarlo exactamente donde quiero desde la vista codigo?

porque desde diseño tengo que poner por ejemplo una capa DIV, y es una ***"·"!""!!! se mueve a cualquier lado, cuando la veo en el navegador aparece superpuesta un desastree...

[C2am]

Simple, busca en tu código el contenedor donde quieres ubicarlo.

Postea el código que estas usando

Tienes subida tu web para ver?

[posicionseo]

claro
complejosaranfael com ar
el codigo ese lo quiero meter en el MENU, al lado de RESERVAS, ahi un espacio grande..

pero no se como :S

[C2am]

Código HTML:

<div id="tray">
 
        <ul>
            <li id="tray-active"><a href="/index.html">Inicio</a></li> <!-- Active page -->
            <li><a href="/yenien.html" title="Bienvenidos a Cabañas Yenien | Complejo Turistico" target="_blank">Cabañas Yenien</a></li>
            <li><a href="/sanjose.html" title="Bienvenidos a Cabañas San José | Complejo Turistico" target="_blank">Cabañas San José</a></li>
            <li><a href="#" title="Complejo San Rafael | Quiénes Somos">Quienes Somos</a></li>
            <li><a href="#" title="Reservar cabañas en san rafael | Complejo San Rafael" target="_blank">Reservas</a></li>
            <li><a href="#" title="Cómo llegar a cabañas Yenien | San José" target="_blank">Mapa de Llegada</a></li>
            <li>
                  <div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'es', includedLanguages: 'de,en,fr,it,no,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
              </li>
 
</ul>
 

Debería funcionar, en caso de no ser así puede ser que debas modificar el css del li, por ejemplo

Código CSS:

li
{
   display:inline-block, 
}
 

Creo está como inline solamente y esto podría provocar algun choque al colocar un elemento de bloque dentro.
Además deberías fijar el ancho de ese div, por las dudas

[posicionseo]

muchas gracias colega, me funciono perfecto!
pero no se VE COMPLETO... lo tapa el GRIS del menu, podes seleccionar el IDIOMA, pero lo TAPA...

como es posible arreglar eso? ya intente editando el .css pero no... :S