User info ... como colocar alinhado

[val3rio]

Boas,
Eu estou a tentar alterar a posição dos elementos do user info block de forma a que fiquem alinhados como neste exemplo:

http://prestastyle.com/prestashop/theme1/

Neste momento está assim:


Com o seguinte código no global:

Código:

#header #header_user {
position:relative;
top:80px;
right:20px;
width:700px;
font-size: 11px;
}

#header_user p { color: #595a5e; }
#header_user span { font-weight: bold; }
#header_user ul { margin-top: 0.3em; }
#header_user li {
float: right;
line-height: 2em;
margin-left: 0.5em;
white-space: nowrap;
}
#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em; }
#header_user #shopping_cart a, #header_user #your_account a {
background-repeat: no-repeat;
background-position: top left;
padding: 2px 0 4px 26px;
height: 20px;
text-decoration: none;
}

Sou um nabo em CSS e pesco mt pouco de programação, e ainda não acertei com o código.
Já fiz download do template e tentei ver o código, mas nada parece funcionar.
Há alguma forma simples de alinhar tudo apenas pelo global.css?

Cumprimentos

[MiKe]

val3rio, podes colocar um link para a tua página, com esse template activado?

[val3rio]

Boas mike,
ainda não tenho o site online, mas posso-te deixar link para o tema : http://prestastyle.com/2010-03-07/prestashop-theme-clean-and-simple/.

[MiKe]

O template que queres tentar emular não é importante, apenas precisava de ver em funcionamento o template que estás a tentar alterar, para poder mexer no CSS com o Firebug. Às vezes são outras divs que estão a bloquear/comprimir a que queremos editar, por isso não é trivial apenas olhar para o código CSS, tem que se ver o site em funcionamento para se descobrir o que se está a passar.

[val3rio]

Resolvido:

Modulo user info - ficheiro blockuserinfo.tpl

Código:

<div id="header_user" >
<ul id="header_nav">
<li id="shopping_cart">
<a href="{$base_dir_ssl}order.php" title="{l s='Your Shopping Cart' mod='blockuserinfo'}">{l s='Cart:' mod='blockuserinfo'}</a>
<span class="ajax_cart_quantity{if $cart_qties == 0} hidden{/if}">{if $cart_qties > 0}{$cart_qties}{/if}</span><span class="ajax_cart_product_txt{if $cart_qties != 1} hidden{/if}">{l s='product' mod='blockuserinfo'}</span><span class="ajax_cart_product_txt_s{if $cart_qties < 2} hidden{/if}">{l s='products' mod='blockuserinfo'}</span>
<span class="ajax_cart_total{if $cart_qties == 0} hidden{/if}">{if $cart_qties > 0}{if $priceDisplay == 1}{convertPrice price=$cart->getOrderTotal(false, 4)}{else}{convertPrice price=$cart->getOrderTotal(true, 4)}{/if}{/if}</span>
<span class="ajax_cart_no_product{if $cart_qties > 0} hidden{/if}">{l s='(empty)' mod='blockuserinfo'}</span>
</li>
<li id="your_account"><a href="{$base_dir_ssl}my-account.php" title="{l s='Your Account' mod='blockuserinfo'}">{l s='Your Account' mod='blockuserinfo'}</a></li>
</ul>
   <ul id="header_user_info">
   <li>
{l s='Welcome' mod='blockuserinfo'},
{if $logged}
<span>{$customerName}</span> (<a href="{$base_dir}index.php?mylogout" title="{l s='Log me out' mod='blockuserinfo'}">{l s='Log out' mod='blockuserinfo'}</a>)
{else}
<a href="{$base_dir_ssl}my-account.php">{l s='Log in' mod='blockuserinfo'}</a>&nbsp;&nbsp;
{/if}
       </li>
</ul>
    
    
</div>
<!-- /Block user information module HEADER -->

Era só meter a parte do welcome dentro da lista.