Espacement des éléments du menu horizontal de protostar

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

  • [RÉGLÉ] Espacement des éléments du menu horizontal de protostar

    Bonsoir, j'ai centré le menu horizontal de protostar avec le code suivant

    .navigation {
    float: left;
    position: relative;
    left: 50%;
    }

    .nav-pills.nav.menu {
    float: right;
    right: 50% !important;
    position: relative;
    }

    et maintenant je me retrouve avec mes 4 éléments de menu, centrés au milieu de ma page. J'aimerai que ces éléments soient répartis de façon égale sur toute la largeur de la page.

    Je suis preneur de toutes vos solutions . Merci d'avance patrice
    Dernière édition par patrice44 à 27/10/2017, 09h38

  • #2
    Il faut compter le nombre d'élement de menu et divisé 100/$nb=$width dans le module mod_menu/tmpl/default.php, mais bon au niveau responsive cela risque de merdouiller.
    Puis ajouter style="width:<?php echo $width ?>"
    c'est qu'un code théorique à remplacer selon besoin.
    Une autre solution est de cibler avec un class et ajouter le style dans un fichier CSS.
    Par contre, si vous voulez le tout en pleine largeur, ce n'est pas la peine de rajouter votre
    .navigation {
    float: left;
    position: relative;
    left: 50%;
    }

    .nav-pills.nav.menu {
    float: right;
    right: 50% !important;
    position: relative;
    }
    http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
    http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

    Commentaire


    • #3
      Merci beaucoup de votre réponse ;-)

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X