Change attribute css displying

[obbeg]

Hi,

 

i'm trying to show my attribute product (p.e. size, taglia) like this site:

 

http://store.lazzari...-RICOPERTA.html

 

default prestashop has this code in my page product.tpl:

 

 

  <!-- attributes -->
		<div id="attributes" style="float:left; margin-right:20px;">
		{foreach from=$groups key=id_attribute_group item=group}
		{if $group.attributes|@count}
		<p>
			<label for="group_{$id_attribute_group|intval}">{$group.name|escape:'htmlall':'UTF-8'} :</label>
			{assign var='groupName' value='group_'|cat:$id_attribute_group}
			<select name="{$groupName}" id="group_{$id_attribute_group|intval}" onchange="javascript:findCombination();{if $colors|@count > 0}$('#wrapResetImages').show('slow');{/if}">
				{foreach from=$group.attributes key=id_attribute item=group_attribute}
					<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
				{/foreach}
			</select>
		</p>
		{/if}
		{/foreach}

 

please help me to view in horizontal line the values of select or if you have another solution or tag.

 

Thanks!