Alignement horizontal impossible

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Alignement horizontal impossible

    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
    Dernière édition par woofer01 à 27/07/2015, 15h50

  • #2
    Re : Alignement horizontal impossible

    C'est dans les li que tu dois mettre display: inline-block;
    Christophe
    http://www.webcrea.fr

    Commentaire


    • #3
      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à?

      Commentaire


      • #4
        Re : Alignement horizontal impossible

        .ta_class ul li

        et tu ajoutes ta_class au style du module
        Christophe
        http://www.webcrea.fr

        Commentaire


        • #5
          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 :/

          Commentaire


          • #6
            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;
            }
            Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

            Commentaire


            • #7
              Re : Alignement horizontal impossible

              Toujours rien :/

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

              Commentaire


              • #8
                Re : Alignement horizontal impossible

                Bonjour,


                Envoyé par woofer01 Voir le message
                Toujours rien :/

                Il manque le plus important, ie float: right :
                .art-header > div.art-nostyle {
                float: right;
                }
                Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                Commentaire


                • #9
                  Re : Alignement horizontal impossible

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

                  Commentaire


                  • #10
                    Re : Alignement horizontal impossible

                    Bonjour woofer01,



                    Envoyé par woofer01 Voir le message
                    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
                    Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                    Commentaire


                    • #11
                      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" ??

                      Commentaire


                      • #12
                        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
                        Dernière édition par PhilJ à 27/07/2015, 15h20
                        Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                        Commentaire


                        • #13
                          Re : Alignement horizontal impossible

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

                          Commentaire


                          • #14
                            Re : Alignement horizontal impossible

                            Envoyé par woofer01 Voir le message
                            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
                            Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                            Commentaire


                            • #15
                              Re : Alignement horizontal impossible

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

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X