Résolu positionnement attribut couleur

[laurens]

Bonjour,

J'aurais besoin de votre aide, je n'arrive pas à positionner les couleurs correctement

Sur l'image jointe j'ai plusieurs couleurs mais elle sont les unes sur les autres et ne s'alignent pas avec le titre . celle de dessus et une texture

Je vous joint le bouts de codes correspondant

 

Fichier TPL:

{if isset($product.colors) && $product.colors}

<div class="switcher_color">

<span class="color_text">{l s='Available colors :'}</span>

{foreach from=$product.colors key='id_attribute' item='color'}

<a id="{$product.id_product}-{$color.id_image}" class="color_pick" onmouseover="document.getElementById('img_{$product.id_product}').src='{$link->getImageLink($product.link_rewrite, $color.id_image, 'homcat')}'" onmouseout="document.getElementById('img_{$product.id_product}').src='{$link->getImageLink($product.link_rewrite, $product.id_image, 'homcat')}'">

<img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$color.name}" title="{$color.name}" />

</a>

{/foreach}

</div>

{/if}

 

Fichier CSS:

ul#product_list .color_text {

float: left;

margin-top: 3px;

margin-left: 3px;

}

ul#product_list li div .color_pick img {

display: block;

float: left;

width: 14px;

height: 14px;

margin: 99px 2px 6px 2px;

cursor: pointer;

border: 1px solid #000000;

}

 

Merci de votre aide

Edited July 31, 2013 by laurens (see edit history)

[Stéphane Chonez]

bonjour,

 

il n'y aurait as un pb dans le chemin : ul#product_list li div .color_pick img

essayez de retirer li div

[Julien64]

Bonjour,

 

 

Est ce que votre site est visible en ligne? Si oui merci de nous indiquer le lien, c'est beaucoup plus facile pour vous aider

[laurens]

Bonsoir,

merci de me répondre et excusez moi j'ai du m'absenter cet après-midi

 

Stéphane : j'avais déjà essayer, mais sans le ....li div.... mon image couleur fait la taille 49px 49px je pense qu'il y a un conflit avec ce bout de code qui correspond au image (solde et Prix réduit)

ul#product_list li div.right_block img {

height: 49px;

position: absolute;

right: -10px;

top: -10px;

width: 49px;

 

Julien: non malheureusement je travaille en local tant que ce n'est pas finaliser, je comprend bien que pour vous ce n'ai pas facile

 

 

Résolu: j'ai ajouter position relative et tout est rentrer dans l'ordre

encore merci de m'avoir répondu

Edited July 31, 2013 by laurens (see edit history)