espace entre les images dans menus verticaux

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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

  • #2
    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 ?
    Dernière édition par Grand Schtroumpf à 11/03/2012, 23h07
    Schtroumpfe toi le Schtroumpf t'aidera.
    Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

    Commentaire


    • #3
      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

      Commentaire


      • #4
        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
        Dernière édition par francky130 à 11/03/2012, 22h29 Raison: tests dans feuille de style

        Commentaire


        • #5
          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;

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X