[RÉGLÉ] image dans menu

[macapu]

Bonsoir à tous,

Tout d'abord, ceci est mon premier post sur le forum et je tiens à m'excuser si le sujet a déjà été abordé. Mais malgré mes recherches, je n'ai rien trouver dans les différents topic.

cela fait 3 jours que je reste bloqué sur mon problème et je n'arrive toujours pas à le résoudre.

Je dois faire un site pour un collègue et j'utilise un template que j'ai crée.
Je voudrais ajouter dans mon menu des images au dessus des titres.
J'ai vu que je peux en ajouter à travers "les paramètres du types de liens" dans la "gestion des menus".

Le problème, c'est que l'image se met à côté du titre et j'aimerai que le titre soit en dessous.
J'ai essayé de modifier la structure du css de mon template mais sans succès...

Quelqu'un pourrait m'aider à trouver la solution à mon problème ??

Merci d'avance !

[tataye]

Re : image dans menu

donne un lien, que l'on puisse voir.

[macapu]

Re : image dans menu

merci d'avoir répondu.

Malheureusement le site n'est pas encore en ligne.

voila le résultat que j'aimerais avoir :

et voila ce que j'ai :

voici le code css:

#menu22 ul li
{
	line-height:5px;
	list-style: none ;
	text-decoration:none;
	color:#604d3f;
	padding-left:22px;
	padding-right:27px;
	display:inline-block;
	font-size:22px;
	font-family:Impact,sans-serif;
	color:#604d3f;
	line-height:12px;
	background-image:url(../images/puce.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	}

#menu22 ul li a{
	text-decoration:none;
	color:#604d3f;
}

#menu22 ul li a:hover{
	text-decoration:none;
	color:#fff;
}

et le code html généré :

<li class="item-106">
<a href="/site-sarah/index.php/a-propos">
<img alt="A PROPOS" src="/site-sarah/images/picto_eureka_menu.png">
<span class="image-title">A PROPOS</span>
</a>
</li>

[macapu]

Re : image dans menu

bonjour,

j'ai trouvé la solution, je ne sais pas si c'est "propre", mais ça marche.
j'ai rajouté ceci en css :

#menu22 ul li span {
	display:block;
	line-height:30px;}