Skip to main content

Mise en page module

More
13 years 3 months ago #107897 by WebConseil
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 !)

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

More
13 years 3 months ago #107915 by Mohamed Thelji
Replied by Mohamed Thelji on topic Mise en page module
Bonjour,

Je pense que la solution serai d'utiliser ce genre de code CSS :
Code:
.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.

More
13 years 3 months ago #107931 by WebConseil
Replied by WebConseil on topic Mise en page module
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

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

More
13 years 3 months ago #107943 by Mohamed Thelji
Replied by Mohamed Thelji on topic Mise en page module
Je pense que ce genre de code pourrai faire l'affaire :
Code:
.hikashop_subcontainer.hikashop_subcontainer_border { height: 200px; }

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

More
13 years 3 months ago #108006 by WebConseil
Replied by WebConseil on topic Mise en page module
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.

More
13 years 3 months ago #108049 by Xavier
Replied by Xavier on topic Mise en page module
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.
Code:
.hikashop_subcontainer_border{ height: 300px;}
The following user(s) said Thank You: WebConseil

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

More
13 years 3 months ago #108060 by WebConseil
Replied by WebConseil on topic Mise en page module
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.

More
13 years 3 months ago #108061 by Xavier
Replied by Xavier on topic Mise en page module
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.

More
13 years 3 months ago #108277 by WebConseil
Replied by WebConseil on topic Mise en page module
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.207 seconds
Powered by Kunena Forum