[RÉGLÉ] espace entre les images dans menus verticaux

[francky130]

Bonjour,

J'utilise joomla 2.5 pour faire des nouveaux sites.

Je ne sais pas si vous l'avez aussi remarqué, mais lorsque je fais un menu avec des images (à la place de titres), il y a un espace entre chaque image (menu veritcal - position 4 -donc images les unes sous les autres). Au début je pensais que ca venait de mon template, mais en mettant un template beez par défaut, en position 4, je retrouve le meme problème.



Je ne sais pas comment corriger le problème, si ca n'est de bidouiller un module personalisé pour faire mon menu avec des balises <div> les unes sous les autres, et en faisant des liens vers les pages.

Quelqu'un at'il une idée, ou bien qui saurait dire quelle fichier doit'on modifier pour avoir des images sans espaces dans les menus, comme d'ailleurs c'était le cas dans les anciennes versions de joomla (je n'ai pas testé la 1.7, mais les versions précédentes ne présentent pas ce problème).

Merci

[Grand Schtroumpf]

Re : espace entre les images dans menus verticaux

Bonjour,
on peut voir ça en ligne ? Tu as installé Firebug et regardé ce qui se passe par là, aussi bien du coté du HTML généré que du CSS ?

[JPMC]

Re : espace entre les images dans menus verticaux

Bonjour,

ça ressemble à un vieux problème de mise en page html/css.
Essaye de mettre ça

img
{
vertical-align: middle;
}

ou ça

img
{
display: block;
}

dans ton fichier css.
Si ça supprime les espaces sous les images tu as trouvé l'origine de ton problème.

Source de l'info : http://www.alsacreations.com/astuce/...es-images.html

[francky130]

Re : espace entre les images dans menus verticaux

Bonjour,

Non je travaille encore hors ligne mais je mettrais en ligne lundi...

Je ne sais pas dans quel fichier css le mettre, puisque ce sont les éléments de menu et je ne trouve pas les lignes d'images dans les css. Je trouve les colonnes avec les styles (colleft par exemple), les menu (moduletable_menu ul, li..etc) mais pas les images.

Donc dans la feuille de style, j'ai ça:


#colleft .moduletable,
#colleft .moduletable_text,
#colleft .moduletable_menu,
#colleft .contentpaneopen,
#colright .moduletable,
#colright .moduletable_text,
#colright .moduletable_menu,
#colright .contentpaneopen
{
margin: 0px 0px 0px -15px;
padding: 0px 0px 0px 0px;
overflow: hidden;

/// je rajoute ça :///

}
img
{
display: block;
}

Résultat : ça n'agit pas sur l'espacement entre les images, par contre, les images de la page de droite (a droite du menu) ce mettent à gauche.

Si je rajoute ça :

img
{
vertical-align: middle;
}

Aucun changement

[francky130]

Re : espace entre les images dans menus verticaux

... Merci j'ai trouvé un peu grâcea toi JPMC : il y avait effectivement une classe CSS "img" dans la feuille de style avec un padding de 5 px !!
Je l'ai remplacé par ça :

#colleft img
{
float: left;
margin: 0px 15px -1px 0px;
padding: 0px;