[RÉGLÉ] Balise <span> dans le menu ?!

[Hathorus]

Bonjour,

Comme dit dans le titre j'aimerais savoir si il est possible (je l'èspère) avoir une balise span dans mon menu.

Par defaut le menu ressemble a ca:

<ul class="nav menu">
     <li class="item-109">
          <a href="/le_lien">Le titre</a>

et j'aimerais avoir un truc du genre:

<ul class="nav menu">
     <li class="item-109">
          <a href="/le_lien">
               <span class="Le titre">
                    <p>
                         <span>Le titre</span
                    </p>
               </span>
          </a>
     </li>
.....
</ul>

J'ai essayé de trouver un moyen mais je ne suis vraiment pas bon en php

Voili voila par avance merci.

PS: si y a un moyen de faire quelque chose de plus ou moin pareil sans toucher au php je suis preneur

[lomart]

Re : Balise &lt;span&gt; dans le menu ?!

Bonjour,

Je ne vois pas l'intérêt de mettre des spans comme dans l'exemple
Si c'est pour cibler le texte du lien, un ul.nav li a ne conviendrait-il pas ?
Au besoin en ajoutant un suffixe de classe au module menu.

[Hathorus]

Re : Balise &lt;span&gt; dans le menu ?!

Donc oui je voudrais cibler le texte mais y a aussi une partie graphique ....

voila plus ou moin un exemple:



pour expliquer un peux le menu va etre en image + texte (image en bleu et texte orange) et donc la balise <span> (en noir) va me servire a afficher une couleur autour du texte

je ne sais pas si je suis asser claire (pas facil a expliquer )

[lomart]

Re : Balise &lt;span&gt; dans le menu ?!

La pièce jointe n'est pas visible. Il faut l'insérer en mode editeur avancé

Donc oui je voudrais cibler le texte mais y a aussi une partie graphique ....

Donc l'exemple de code n'était pas le bon ...
S'il n'est pas possible d'isoler le texte par un sélecteur CSS, il ne reste plus que la surcharge du module menu

[Hathorus]

Re : Balise &lt;span&gt; dans le menu ?!

oups dsl voila l'image

petite erreur de ma part je ne veux pas cibler le texte du lien car je voudrais que le lien soit aussi grand que l'image ...

[lomart]

Re : Balise &lt;span&gt; dans le menu ?!

Ne serait-il pas plus simple de prendre un module menu qui propose cela en natif

http://extensions.favthemes.com/favimagehover

[Hathorus]

Re : Balise &lt;span&gt; dans le menu ?!

Merci je vais voir ci ca convien et si oui je changerais le post en résolu

[Hathorus]

Re : Balise &lt;span&gt; dans le menu ?!

Bon apres avoir essayé plusieurs heures le module est vraiment bien mais ne fait pas vraiment ce que j'ai envie meme apres avoir bidouillé en css ect :s

[lomart]

Re : Balise &lt;span&gt; dans le menu ?!

Dans ce cas pas d'autre solution qu'une surcharge en PHP

[marcopolo29]

Re : Balise &lt;span&gt; dans le menu ?!

Bjr,

1) - Une balise "span" est une balise fourre-tout ! Ce n'est pas cela qu'il faut utiliser.
2) - Ce n'est pas du php mais du HTML avec du CSS

Voici un exemple de menu :

Dabord le code HTML ensuite le code CSS

Code HTML

<div id="wrapper">
  <ul id="menu">
    <li><a href="#">Premier lien</a></li>
    <li><a href="#">Deuxième</a></li>
    <li><a href="#">Troisième</a></li>
  </ul>
</div>

Le code CSS

#wrapper {
  /* masque les débordements et englobe le menu */
  overflow: hidden;   
}
#menu,#menu li {
  /* on supprime les éventuels styles par défaut */
  margin: 0;
  padding: 0;
  list-style: none;
  
  /* float permet à l'élément de prendre la largeur de son contenu */
  float: left;
  position: relative;
}
#menu {
  /* on décale le menu vers la droite de la moitié de la largeur disponible */
  left: 50%;
}
#menu li {
  /* on décale chaque item vers la gauche de la moitié de la largeur du menu */
  right: 50%;
}

C'est un exemple, à toi de mettre les bons réglages en CSS !
Mais si tu ne connais pas le CSS ni le HTML tu vas tout casser attention.
Si tu veux cibler un lien tu utilises un ID ou une Class.
Voici un lien pour débutant :
http://css.mammouthland.net/selecteurs-css-class-id.php

[lomart]

Re : Balise &lt;span&gt; dans le menu ?!

Ce n'est pas du php mais du HTML avec du CSS

Dans son cas, c'est bien le PHP qu'il doit modifier pour obtenir le HTML nécessaire pour le ciblage par les sélecteurs CSS

[marcopolo29]

Re : Balise &lt;span&gt; dans le menu ?!

Re,

Bon si c'est bien du PHP, alors pourquoi tu lui donnes l'info de faire ceci :

Si c'est pour cibler le texte du lien, un ul.nav li a ne conviendrait-il pas ?

ul.nav li

C'est du HTML !

Il existe de bons cours en HTML CSS et PHP ici :
http://openclassrooms.com/courses
Cela vous permettra de bien faire la différence.

[lomart]

Re : Balise &lt;span&gt; dans le menu ?!

Bon si c'est bien du PHP, alors pourquoi tu lui donnes l'info de faire ceci : Si c'est pour cibler le texte du lien, un ul.nav li a ne conviendrait-il pas ?

Il faut savoir lire!
Il ne voulait pas toucher au PHP. C'est pour cela que je lui proposait une solution pur CSS; Et comme son besoin impose d'ajouter un bloc, je lui disais alors que la seule solution est de modifier le code PHP de mod_menu

Pour un info "ul.nav li", ce n'est pas du HTML mais un sélecteur CSS.
Il ne suffit pas de conseiller de lire des tutos, il faut commencer par les lire soi-même

[marcopolo29]

Re : Balise &lt;span&gt; dans le menu ?!

Alors je n'ai pas compris
Tout ce qui est design, graphisme pour moi se gère au niveau CSS et HTML !
Le PHP est un langage serveur, je ne vois pas comment Hathorus pourrait modifier son menu avec PHP du moins ce qui touche au design.
Car même le positionnement se gère au niveau du CSS.
Un menu avec des images cela s'appel un sprite. Qu'est-ce qu'il veut exactement ? A l'époque lorsque j'ai appris à coder PHP, HTML, CSS j'allais régulièrement sur OPenClasserom dont voici un lien pour faire des sprites menu image.

https://openclassrooms.com/courses/b...es-sprites-css

[lomart]

Re : Balise &lt;span&gt; dans le menu ?!

Car même le positionnement se gère au niveau du CSS.

Et ils apparaissent comment les sélecteurs pour accrocher le CSS ?

Si tu as raison, donnes lui le code pour réaliser ce qu'il veut à partir du code HTML généré par le module mod_menu de Joomla.
A savoir :

<ul class="nav menu">
     <li class="item-109">
          <a href="/le_lien">Le titre</a>
      </li>
      .....
</ul>

C'est au pied du mur qu'on voit le maçon

Pour info, les sprites sont un moyen de regrouper plusieurs images en une seule pour diminuer les requêtes serveur. Aucun rapport avec le sujet actuel.