<li> ne fonctionne pas !

[Belerian]

Bonsoir !!

J'ai un petit soucis sur mon site Joomla! 1.7, la balise html <li> ne marche nulle part > <
Je ne comprend pas du tout pourquoi !
Vous pouvez visiter www.aesfg.org et constater par vous même dans le module du milieu "Derniers Articles" qu'il n'y a aucun retour à la ligne et aucune liste ...

Même avec JCE dans un article normal les listent ne fonctionnent pas !
C'est très embêtant, je suis obligé de faire des paragraphe et de rajouter "-" devant, c'est galère pour les alinéas et la lisibilité ... J'aurais préféré une belle puce ronde comme en temps normal

Quelques uns d'entre vous ont-il une idée du pourquoi cela ne fonctionne pas ?

Merci beaucoup

[Grand Schtroumpf]

Re : &lt;li&gt; ne fonctionne pas !

Bonjour,
pour répondre toi-même à ce genre de question, installe toi Firebug sous Firefox. Clic droit sur un liste qui ne marche pas, "inspecter un élément" et tu vois tous les styles en jeu...
L'absence de puces et due à

ul {
    list-style-image: none;
    list-style-position: outside;
    [B]list-style-type: none;[/B]
}

dans template.css à la ligne 45.
Mais tu ne peux pas le virer complément, tu en as besoin pour les menus. Il faudrait juste le spécialiser en ul.menu{}.

L'absence de passage à la ligne vient de :

.cont li  {
    [B]display: inline;[/B]
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 0;
}

dans template.css à la ligne 317, dont je me remande bien à quoi il est supposé servir, donc lui je le virerais.

La question qui vient derrière est : d'où sort ce template et pourquoi est-il dans cet état ?

[Belerian]

Re : &lt;li&gt; ne fonctionne pas !

Ok super je vérifie ça dès que j'ai le temps

Bah le template vient de SiteGround à la base ...
Mais pour créer trois emplacements de modules j'ai du le bidouiller, un peu ou beaucoup ça dépend du point de vue lol.
En tout cas vu que j'y voyais rien je l'ai un peu "réarrangé" à ma sauce, j'ai fais beaucoup de retour à la ligne, j'ai rajouté des tabulations pour qu'il y ai une hierarchisation dans les différents paramètres ...
Je n'y connais rien en css alors j'ai fais comme je le sentais Mais pour mon site tout ce que j'ai fais marche, parfois grâce à deux/trois combines mais globalement cela fonctionne

En revanche le bug du retour à la ligne, lui il y était à la base ... Ou alors j'ai modifié quelque chose sans faire attention ...

[Belerian]

Re : &lt;li&gt; ne fonctionne pas !

Bonsoir !
Je me heurte à quelques difficultés là

J'ai donc modifié :

.cont li {
/*display:inline; */
margin-bottom: 0;
margin-left: 0;
margin-right: 10px;
margin-top: 0;
	}

et

ul {
list-style:none;
margin:0;
padding:0;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

ul.menu {
list-style:none;
margin:0;
padding:0;
list-style-image: none;
list-style-position: outside;

}

Etait-ce la bonne méthode ?
Je n'ai pas de puces dans mes listes ni dans mes menus avec ça xD. Par contre j'ai le retour à la ligne =) c'est déjà ça !
Je ne sais plus comment j'ai fais mais à un moment donné j'avais des puces en plus =) mais y'en avait aussi dans les menus, c'était un peu reloud ca chamboulait tout

Il doit être tard, j'ai un peu de mal là

[Grand Schtroumpf]

Re : &lt;li&gt; ne fonctionne pas !

Bonjour,
dans ce que tu donnes, il n'y a pas de différence entre ul et ul.menu. En mettant un list-style autre que none peut-être ?

[Belerian]

Re : &lt;li&gt; ne fonctionne pas !

AAAh mais oui > <
Forcément, entre "none" et rien, bah c'est pareil > <

Je dois mettre quel list-style alors ? Je ne connais pas du tout css :s
Edit : J'ai trouvé sur internet, j'ai mis "disc" =)

Quelle est la différencre entre ul et ul.menu en fait ? ul se rapporte à quoi ?

[Belerian]

Re : &lt;li&gt; ne fonctionne pas !

Hop j'ai réussi =)
Par contre j'ai un petit soucis, j'ai un "disc" qui s'affiche dans mes articles e mon contenu !
==>

Avec firebug la seule façon de l'enlever c'est de mettre "none" à la place de disc, mais dans ce cas là je n'ai plus de disque dans mes listes
Quelqu'un a une idée de comment je pourrais supprimer le <li> là dedans ?

J'ai encore une question, je n'arrive pas à modifier les "interlignes", ni avec le padding ni avec margin > <
Je dois aller modifier cont li ou ul ?
Edit : J'ai trouvé pour les interlignes, fallait regarder .maincol li J'ai mis 3h mais j'ai finis par trouver !!

[Grand Schtroumpf]

Re : &lt;li&gt; ne fonctionne pas !

Re,

Quelle est la différencre entre ul et ul.menu en fait ?

le style ul {} s'applique sur les balises <ul> et le style ul.menu s'applique sur les balises <ul class="menu">

Par contre j'ai un petit souci, j'ai un "disc" qui s'affiche dans mes articles de mon contenu !

en français ça donne quoi ? Parce que l'objectif à la base était bien que les listes à puce marchent ...

Enfin sur l'image écran que tu donnes je vois un joli <ul class="action">.
Vu ce que j'ai écrit plus haut, tu devrais en éduite comment ôter les puces là dessus

[Grand Schtroumpf]

Re : &lt;li&gt; ne fonctionne pas !

Re,

Quelle est la différencre entre ul et ul.menu en fait ?

le style ul {} s'applique sur les balises <ul> et le style ul.menu s'applique sur les balises <ul class="menu">

Par contre j'ai un petit souci, j'ai un "disc" qui s'affiche dans mes articles de mon contenu !

en français ça donne quoi ? Parce que l'objectif à la base était bien que les listes à puce marchent ...

Enfin sur l'image écran que tu donnes je vois un joli <ul class="action">.
Vu ce que j'ai écrit plus haut, tu devrais en éduite comment ôter les puces là dessus

[Belerian]

Re : &lt;li&gt; ne fonctionne pas !

C'est vraiment génial merci beaucoup !!!
En fait oui tu m'as vraiment énormément induit sur la voie !!

A partir du moment où j'ai tilté comment afficher ou cacher les puces (list-style-type:none ou disc) bah avec firebug j'ai cherché tous les endroits où j'en avais et que je voulais les cacher
- Effectivement dans le <ul class="action"> des articles
- Dans le .pagination ul li
- Dans le #login-form ul

A défaut de comprendre les différents degrés (entre le ".", le "#" ou le truc tout con) j'ai réussi à bidouiller
J'me sens pas plus intelligent mais je suis vachement fier d'y être arrivé !!

Merci beaucoup grand schtroumpf pour ton aide précieuse sur tous mes différents topics !

[Grand Schtroumpf]

Re : &lt;li&gt; ne fonctionne pas !

Re,
bravo à toi ! Maintenant, pense à passer le sujet en [réglé]

[Belerian]

Re : &lt;li&gt; ne fonctionne pas !

Oui merci beaucoup !!