[RÉGLÉ] Alignement horizontal impossible

[woofer01]

Bonjour,

j'essai tant bien que mal d'aligner horizontalement deux éléments de mon menu_user sur mon site ("Mon panier" et "Mon compte"), sans succés.

J'ai tenté d'appliquer la propriété "inline" sur le bloc comme sur le texte, rien n'y fait.

Quelqu'un pourrait-il m'aiguiller un petit peu?

> LE SITE <

Merci infiniment

[webcrea]

Re : Alignement horizontal impossible

C'est dans les li que tu dois mettre display: inline-block;

[woofer01]

Re : Alignement horizontal impossible

En effet! cependant, cela interfère avec toutes mes autres balises, n'y a t-il pas un moyen de ne cibler que ces deux-là?

[webcrea]

Re : Alignement horizontal impossible

.ta_class ul li

et tu ajoutes ta_class au style du module

[woofer01]

Re : Alignement horizontal impossible

ben c'est bien ce que j'essai de faire tant bien que mal, mais rien n'y fait. C'est la classe "ul.menu " normalement, arrétez-moi si je dit des conneries :/

[PhilJ]

Re : Alignement horizontal impossible

Bonjour,


Essayez ce correctif :
—

.art-header > div.art-nostyle {

float: right; /* ajouté */

position: unset; /* au lieu de absolute */

}

Pour le champ de recherche, lui aussi trop à droite, essayez ceci :
—

.art-object227400126 {

right: 0 !important;

left: auto !important;

}

[woofer01]

Re : Alignement horizontal impossible

Toujours rien :/

Par contre, niquel pour le champ de recherche ferré à droite!

[PhilJ]

Re : Alignement horizontal impossible

Bonjour,

Toujours rien :/

Il manque le plus important, ie float: right :
—

.art-header > div.art-nostyle {

float: right;

}

[woofer01]

Re : Alignement horizontal impossible

Toujours pareil.. A la différence que maintenant, mes 2 liens ne sont plus cliquable

[PhilJ]

Re : Alignement horizontal impossible

Bonjour woofer01,

Toujours pareil.

Non, tout est maintenant correctement aligné. Vous regardez à peu près à coup sûr le site tel qu'il était hier : faites CTRL+F5 pour recharger la page en rafraîchissant le cache de votre navigateur.

A la différence que maintenant, mes 2 liens ne sont plus cliquable

Là en revanche c'est vrai.

Le souci vient d'un container vide <div class="art-shapes"> </div> qui envahit tout l'en-tête et se trouve par-dessus les deux liens.

=>Vous pouvez probablement en désactiver l'affichage sans conséquences :
—

.art-shapes {

display: none;

}

Je vous conseille également d'aérer un peu les liens car ils sont très rapprochés :
—

.art-header ul li {

padding-top: 6px;

}

...à la suite de quoi, si vous voulez que le site soit consultable sur smartphones (= largeurs d'écran inférieures à 768px), vous aurez encore pas mal de travail :-\


Bonne journée.



PhilJ

[woofer01]

Re : Alignement horizontal impossible

Bonjour,

Ah on y est !!! Je vous remercie infiniment de votre patience! Cependant, encore quelques détails qui me chagrine et que je n'arrive pas à modifier, le fait d'avoir toujours ces liens soulignés et de couleurs violets! J'agis bien sur la classe ".art-header ul li" ??

[PhilJ]

Re : Alignement horizontal impossible

Bonjour,


Il faut cibler ces liens de façon un peu plus précise, par exemple avec :
—

.art-nostyle ul.menu li a {

color: #50b948; /* vert déjà utilisé sur le site */
text-decoration: none;

}

Pour styler les liens lorsqu'ils sont survolés :
—

.art-nostyle ul.menu li a:hover{

color: #d91f1d; /* rouge déjà utilisé sur le site */
text-decoration: underline;

}

NB : les directives CSS ci-dessus ne sont bien sûr toujours que des exemples. A vous de styler les choses à vos couleurs (et en tenant compte du contexte).



Cordialement,



PhilJ

[woofer01]

Re : Alignement horizontal impossible

Super on est bon là! Encore une fois, un grand merci!

[PhilJ]

Re : Alignement horizontal impossible

Super on est bon là! Encore une fois, un grand merci!

Pas de quoi

Si besoin, pour une aide concernant la version mobile, je vous suggère d'ouvrir un nouveau fil car il y a beaucoup à faire.



Bonne fin d'après-midi.



PhilJ

[woofer01]

Re : Alignement horizontal impossible

En effet ..... :/ Je vais avant tout commencé par me débrouiller seul plutôt que de vous solliciter à chaque question