[RÉGLÉ] li et ul

[electropica]

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

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é

<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>

[Grand Schtroumpf]

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 ?

[electropica]

Re : li et ul

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

ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
}

[electropica]

Re : li et ul

J'ai trouvé :

#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;
}