li et ul

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

  • [RÉGLÉ] li et ul

    Bonjour,
    Joomla 2.5 utilise des balise li et il pour les menus verticaux.
    J'ai donc ce CSS rajouté par user agent stylesheet :

    Code:
    ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    }
    Or, j'ai remarqué que les paginations (Début Précédent 1 2 3 4 Suivant Fin) sont aussi sous cette forme (notamment dans FW gallery).

    J'aimerais savoir comment enlever ce css partout sauf dans les menu verticaux.

    Voici un exemple du code utilisé

    Code HTML:
    <ul>
    <li class="pagination-start"><span class="pagenav">Début</span></li>
    <li class="pagination-prev"><span class="pagenav">Précédent</span></li>
    <li><span class="pagenav">1</span></li>
    <li><a title="2" href="/index.php/2012-03-01-14-22-22/galerie/gallery/4-live?start=20" class="pagenav">2</a></li>
    <li><a title="3" href="/index.php/2012-03-01-14-22-22/galerie/gallery/4-live?start=40" class="pagenav">3</a></li>
    <li><a title="4" href="/index.php/2012-03-01-14-22-22/galerie/gallery/4-live?start=60" class="pagenav">4</a></li>
    <li class="pagination-next"><a title="Suivant" href="/index.php/2012-03-01-14-22-22/galerie/gallery/4-live?start=20" class="pagenav">Suivant</a></li>
    <li class="pagination-end"><a title="Fin" href="/index.php/2012-03-01-14-22-22/galerie/gallery/4-live?start=60" class="pagenav">Fin</a></li>
    </ul>
    Fichiers joints
    Dernière édition par electropica à 04/03/2012, 19h52

  • #2
    Re : li et ul

    Dans tes module de menu, ajoute un suffixe de classe " menu" (avec l'espace) et spécialise ton style en .menu ul{} au lieu de ul{}.

    PS : tu cibles quoi avec ", menu, dir" dans ton CSS ?
    Schtroumpfe toi le Schtroumpf t'aidera.
    Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

    Commentaire


    • #3
      Re : li et ul

      Il manque une définition de la classe pour le <ul>.
      Je devrais ajouter :

      Code HTML:
      ul.pagination li {
      background: none;
      display: inline;
      margin: 0;
      padding: 0;
      }
      Dernière édition par electropica à 04/03/2012, 19h05

      Commentaire


      • #4
        Re : li et ul

        J'ai trouvé :

        Code:
        #fwgallery div.fwgs-footer-pagination li {
        display: inline;
        padding: 5px;
        }
        
        ul {
        list-style: none;
        }
        
        ul.menu li {
        list-style-type: disc;
        }
        
        ul.menu li ul li {
        list-style-type :circle;
        }
        Dernière édition par electropica à 04/03/2012, 19h52

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X