styler une LI particulière?

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

  • [RÉGLÉ] styler une LI particulière?

    Bonjour
    quelqu'un sait-il si il est possible de styler dans une liste d'un menu, par exemple la troisième LI uniquement?
    j'aimerais séparer dans un menu, deux parties, sans créer deux menus distincts pour donner un truc du genre:
    bouton 1
    bouton 2
    bouton 3

    bouton 4
    bouton 5

    donc avec un espacement après le 3e bouton, mais je ne sais pas comment ne mettre un padding que sur le 3...

    est-ce possible?
    Dernière édition par toffffe à 16/04/2012, 13h03

  • #2
    Re : styler une LI particulière?

    Salut oui c'est possible
    En fait dans ton onglet de menu sur la droite il suffit de mettre un nom d'id sur l'onglet et ensuite dans le fichier css de lui mettre son padding
    Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

    Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

    Commentaire


    • #3
      Re : styler une LI particulière?

      je vais sembler idiot mais je ne trouve pas dans les parametres de mon menu, l'option id?

      Commentaire


      • #4
        Re : styler une LI particulière?

        En fait je viens d'aller voir et ce n'est pas ID sorry
        Il faut dans la partie de droite "Paramètres du type de liens" remplir "Style CSS du lien" par exemple "demo" et ensuite dans le css :
        Code:
        a.demo{
        padding-bottom: 20px;
        }
        Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

        Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

        Commentaire


        • #5
          Re : styler une LI particulière?

          ok j'essaye de suite !

          Commentaire


          • #6
            Re : styler une LI particulière?

            mmmh a marche pa
            voici le code que si je le modifie ça espace bien mon menu:
            Code PHP:
            <?php echo $id?> li a {
                margin: 0;
                color: #666;
                text-align: left;
                display: block;
                padding-bottom: 9px;
                padding-left: 10px;
                padding-right: 4px;
                padding-top: 7px;
                text-decoration: none;
                
            }
            (c'est du php car le menu est un menu accordéon)
            ensuite je rajoute ceci en dessous pour styler mon bouton précis:
            Code PHP:
            <?php echo $id?> li a.espace {

                margin-bottom:20px !important;
                padding-bottom:20px !important;
            }
            étant donné que j'ai donné comme nom "espace" au menu

            mais ça ne marche pas... avec ou sans les !important....

            Commentaire


            • #7
              Re : styler une LI particulière?

              ah ben je viens d'essayer avec des valeurs de fou (200px) et là ca marche...
              bizare je pensais que ça marcherait avec 20 puisque par défaut c'est 9px, mais je ne sais pas pk mais il faut que je mette beaucoup plus. enfin au final ça marche meme si c'est un peu mystique... merci infiniment en tout cas ! ! !

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X