Mise en page module

  • Posts: 138
  • Thank you received: 2
10 years 11 months ago #107897

Bonjour,

Je vous soumets un problème css qui parait trivial mais que je n'arrive pas résoudre.
Je veux que mes blocs de 10 articles (voir les 2 exemples sur cette page ) soient centrés horizontalement dans le rectangle bleu clair (selon modèle de la pièce jointe)et non pas justifiés à gauche.
Je ne localise pas cette fois-ci le css concerné...
Merci d'avance pour votre aide.

PS

Question subsidiaire :
Comment figer la hauteur des vignettes pour qu'elle reste fixe quelque soit le nombre de ligne du nom du produit (autrement dit pour qu'elles soient toutes de la même hauteur !)

Attachments:

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

  • Posts: 12953
  • Thank you received: 1778
10 years 11 months ago #107915

Bonjour,

Je pense que la solution serai d'utiliser ce genre de code CSS :

.hikashop_products {
margin-top: 50px;
margin-left: 25px;
}
Ps: Les vignettes, semblent être toutes de la même hauteur pour moi :).
En espérant que cela vous aidera.

The following user(s) said Thank You: WebConseil

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

  • Posts: 138
  • Thank you received: 2
10 years 11 months ago #107931

Bonjour,

Bien vu ! Ca fonctionne parfaitement bien. Merci

Si, sur le second module de la page(capture en pièce jointe) on voit que les vignettes sont de hauteurs différentes selon que le nom du produit prend une ou deux lignes.
J'aimerai bien figer la taille la plus grande pour que les bases soient alignées....
Merci.

PS

Attachments:

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

  • Posts: 12953
  • Thank you received: 1778
10 years 11 months ago #107943

Je pense que ce genre de code pourrai faire l'affaire :

.hikashop_subcontainer.hikashop_subcontainer_border {
height: 200px;
}

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

  • Posts: 138
  • Thank you received: 2
10 years 11 months ago #108006

Ah non,la ça ne semble pas fonctionner.
La hauteur des vignettes n'est pas modifiée

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

  • Posts: 13201
  • Thank you received: 2322
10 years 11 months ago #108049

Le code donné par Mohamed semble correct, il faut peut être modifier la valeur "200px" par une valeur plus important, cela dépend de la taille actuelle de vos vignettes.

.hikashop_subcontainer_border{ height: 300px;}

The following user(s) said Thank You: WebConseil

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

  • Posts: 138
  • Thank you received: 2
10 years 11 months ago #108060

Bonjour,

Oui parfait. Merci beaucoup. Je ne devais pas regarder au bon endroit...
Le top serait maintenant que les boutons "Ajouter au panier" soient alignés à la base des vignettes. Mais c'est sûrement un peu plus compliqué !
Cdlt

PS

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

  • Posts: 13201
  • Thank you received: 2322
10 years 11 months ago #108061

En effet, cela va nécessité plus de modifications.
L'utilisation des propriétés css tel que position: relative & absolute ainsi que bottom seront de rigueur.

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

  • Posts: 138
  • Thank you received: 2
10 years 11 months ago #108277

Bon, on va remettre ça à plus tard alors :)
Merci pour la rapidité de vos réponses
Cdlt.

PS

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

Time to create page: 0.092 seconds
Powered by Kunena Forum