Positionnement bouton "Ajouter aux favoris"

Bonjour,
...petit à petit la boutique prend forme, avec parfois quelques accrocs …

J’essaye en vain de remonter mon bouton "Ajouter à vos favoris" à côté du bouton "Ajouter au panier" dans la partie détail du produit et je n’y arrive pas, pourtant cela devrait assez simple.
L’ajout au panier est contenu dans une balise <table>, tandis que l’ajout aux favoris se trouve dans une balise <div>.
En ajoutant une dimension à la balise <table> et en faisant flotter sur la gauche le bouton de l’ajout aux favoris celui-ci devrait remonter à côté du bouton "Ajouter au panier", mais ce n’est pas le cas.
J’ai essayé différentes propriétés en remontant dans l’arborescence et en ciblant plus bas d’autres éléments, mais ça ne prends pas.
C’est vrai que c’est un petit détail, car ce bouton pourrait rester là où il se trouve, mais honnêtement il me dérange placé ainsi…
Pourriez-vous y jeter un coup d’oeil?

skitch.iorbita.net/images/Jouet_retro_1_17AADA79.png

new-toukoul.toukoul.be/boutique
Log: guest/guest

Merci

Bravo pour le nouveau site

Bonjour,

Vous pouvez appliquer le css suivant sur l'id hikashop_add_wishlist:
Merci pour le site

Bonjour,
...oui, mais ainsi il ne sera jamais aligné correctement, en effet je suppose que sous Windows on applique la propriété bottom: 44px, chez moi sous Mac et sous Safari et Chrome je suis à 37px et sous Firefox je suis à 34px :dry:

Bonjour,

1. Pouvez-vous réessayer cela en rafrichissant la page avec ctrl+F5 ?

2. Si cela ne marche toujours pas, vous devriez tester ce genre de code :

1. Pouvez-vous réessayer cela en rafraichissant la page avec ctrl+F5 ?

Je suis sous Mac, il n'y a pas de ctrl+F5 d'ailleurs je ne pense pas que ce soit un problème de rafraichissement de page mais plutôt au moteur de rendu des navigateurs, les buttons sont interprétés différemment:

skitch.iorbita.net/images/firefox_17ABA885.png
skitch.iorbita.net/images/safari_17ABA898.png

2. Si cela ne marche toujours pas, vous devriez tester ce genre de code :

Code:

#hikashop_add_wishlist{ width: 165px; position: relative; bottom: 44px !important; left: 215px; }

... je ne pense pas que la propriété 'important' fonctionne dans un cas pareil, j'ai essayé et en effet cela n'a aucun impact.

À mon avis, pour bien faire, il aurait fallu que les deux boutons soient respectivement dans deux balises <div> distinctes ou alors qu'elles se trouvent dans le même tableau dans des cellules distinctes, ce qui n'est pas le cas...

Bonjour,

Dans ce cas il va falloir que vous utilisiez un petit hack css:

...bingo! Merci!