Positionnement bouton "Ajouter aux favoris"

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #116839

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 ;)

Last edit: 11 years 2 months ago by Haile.

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 2 months ago #116895

Bonjour,

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

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

Merci pour le site :)

Please Log in or Create an account to join the conversation.

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #116903

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:

Last edit: 11 years 2 months ago by Haile.

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 2 months ago #116910

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 :

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

Please Log in or Create an account to join the conversation.

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #116917

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 :

#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...

Please Log in or Create an account to join the conversation.

  • Posts: 2334
  • Thank you received: 403
11 years 2 months ago #116925

Bonjour,

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#hikashop_add_wishlist{
	   /*vos propriétés css spécifiques à chrome et safari */
	}
}

The following user(s) said Thank You: Haile

Please Log in or Create an account to join the conversation.

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #116944

...bingo! :) Merci!

Please Log in or Create an account to join the conversation.

Time to create page: 0.086 seconds
Powered by Kunena Forum