cambio estético en idiomas (lista vertical a horizontal una linea)

[moraira]

hola, estoy comiéndome la cabeza con algo que debe ser más o menos sencillo, el caso es que pregunto.

 

como tengo la tienda sin terminar os pongo un ejemplo en la plantilla default. Lo que intento y no consigo es que el despegable de los idiomas me salga en una sola fila en lugar de 6.

 

algo tipo:

 

English Deutch Español Francais Italiano Portugues

 

en lugar de

 

 

English

Deutch

Español

Francais

Italiano

Portugues

 

muchas gracias por vuestra ayuda

 

 

http://www.rolser.com/prestashop/index.php

 

para facilitar el tema el ejemplo esta directamente en:

 

http://www.rolser.com/prestashop/modules/blocklanguages/blocklanguages.css

 

el tpl es este, he preferido definir los idiomas en lugar de usar el campo name

 

 

<!-- Block languages module -->

{if count($languages) > 1}

<div id="languages_block_top">

<div id="countries">

{* @todo fix display current languages, removing the first foreach loop *}

{foreach from=$languages key=k item=language name="languages"}

{if $language.iso_code == $lang_iso}

<p class="selected_language">

{if $language.iso_code == 'en'}{l s='English'}{/if}

{if $language.iso_code == 'de'}{l s='Deutsch'}{/if}

{if $language.iso_code == 'es'}{l s='Español'}{/if}

{if $language.iso_code == 'fr'}{l s='Français'}{/if}

{if $language.iso_code == 'it'}{l s='Italiano'}{/if}

{if $language.iso_code == 'pt'}{l s='Português'}{/if}

<!-- {$language.iso_code} -->

<!-- {l s='Languages' mod='blocklanguages'} -->

</p>

{/if}

{/foreach}

<ul id="first-languages" class="countries_ul">

{foreach from=$languages key=k item=language name="languages"}

<li {if $language.iso_code == $lang_iso}class="selected_language"{/if}>

{if $language.iso_code != $lang_iso}

{assign var=indice_lang value=$language.id_lang}

{if isset($lang_rewrite_urls.$indice_lang)}

<a href="{$lang_rewrite_urls.$indice_lang|escape:htmlall}" title="{$language.name}">

{else}

<a href="{$link->getLanguageLink($language.id_lang)|escape:htmlall}" title="{$language.name}">

{/if}

{/if}

{if $language.iso_code == 'en'}{l s='English'}{/if}

{if $language.iso_code == 'de'}{l s='Deutsch'}{/if}

{if $language.iso_code == 'es'}{l s='Español'}{/if}

{if $language.iso_code == 'fr'}{l s='Français'}{/if}

{if $language.iso_code == 'it'}{l s='Italiano'}{/if}

{if $language.iso_code == 'pt'}{l s='Português'}{/if}

 

{if $language.iso_code != $lang_iso}

</a>

{/if}

</li>

{/foreach}

</ul>

</div>

</div>

 

<script type="text/javascript">

$(document).ready(function () {

$("#countries").mouseover(function(){

$(this).addClass("countries_hover");

$(".countries_ul").addClass("countries_ul_hover");

});

$("#countries").mouseout(function(){

$(this).removeClass("countries_hover");

$(".countries_ul").removeClass("countries_ul_hover");

});

});

</script>

 

{/if}

[deabaria]

yo creo que el tema esta en el css

#countries .countries_ul{

display:none;

z-index: 10000;

padding:10px;

list-style-type:none;

}

#countries .countries_ul_hover{

display:block;

z-index: 5000;

position:absolute;

left:7px;

padding:3px 10px;

height:auto;

top:23px;

background:#ffffff;

}

 

de todas formas te dejo con los expertos que ellos saben mucho mas que yo, humilde novato..