Problème taille d'image

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

  • Problème taille d'image

    Bonjour,

    j'ai un soucis sur mon site. Tout d'abord il est en version Joomla 3 et j'utilise le template Argo. Mais mon problème est avec une image qui apparait normalement sur les navigateur Firefox et explorer, mais celle-ci devient toute petite sur Safari!

    Quelqu'un pourrait m'aider? Merci
    Dernière édition par SimonG à 08/04/2014, 10h50 Raison: modification titre

  • #2
    Re : Au secours!!

    Bonjour,

    peut on avoir un lien vers ce site ?

    PS : merci de modifier le titre du post par quelque chose de plus significatif que "Au secours !!".
    Pour apprendre à construire votre site web avec Joomla 3 : Joomla3! Le Livre Pour Tous : http://cinnk.com/joomla/3/le-livre-pour-tous

    Référencement Joomla! 10 astuces pour référencer son site web https://cinnk.com/articles/referencement-joomla-10-astuces-pour-referencer-son-site-web

    Créez votre boutique en ligne avec Joomla! & HikaShop http://cinnk.com/boutique/livres/cre...la-et-hikashop

    Commentaire


    • #3
      Re : Au secours!!

      oui biensûr.

      Commentaire


      • #4
        Re : Problème taille d'image

        Ici, les images de la page d'accueil s'affichent de la même taille avec les navigateurs cités.

        De quelle image exactement s'agit-il ?
        Pour apprendre à construire votre site web avec Joomla 3 : Joomla3! Le Livre Pour Tous : http://cinnk.com/joomla/3/le-livre-pour-tous

        Référencement Joomla! 10 astuces pour référencer son site web https://cinnk.com/articles/referencement-joomla-10-astuces-pour-referencer-son-site-web

        Créez votre boutique en ligne avec Joomla! & HikaShop http://cinnk.com/boutique/livres/cre...la-et-hikashop

        Commentaire


        • #5
          Re : Problème taille d'image

          Sur la page "À propos" l'image avec ma foto en bd ne s'affiche pas correctement sur Safari par exemple.

          Commentaire


          • #6
            Re : Problème taille d'image

            Salut,
            le souci se situe au niveau de :

            img {
            /* height: auto; */
            /* max-width: 100%; */
            }
            dans bootstrap.min.css

            Le mieux serait de cibler spécifiquement cette image avec qq chose du genre :
            .custom table td img
            Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

            Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

            Commentaire


            • #7
              Re : Problème taille d'image

              Merci pour vos réponses, mais pourrais-je avoir un peu plus de précision concernant la réponse de "ghazal"? Merci

              Commentaire


              • #8
                Re : Problème taille d'image

                J'ai repéré la ligne concernée dans bootstrap.min.css et j'ai ajouté .custom table td mais ça ne marche pas!! Que dois-je faire???

                img{
                width:auto\9;
                height:auto;
                max-width:100%;
                vertical-align:middle;
                border:0;-ms-interpolation-mode:bicubic
                }
                Dernière édition par Giuska à 08/04/2014, 12h12

                Commentaire


                • #9
                  Re : Problème taille d'image

                  Si j'en crois le code de cette région de ton html, tu as utilisé un module custom.
                  Dans ce module custom, tu as inséré un tableau avec une image dans un td. OK ?

                  Avec les CSS (Cascading Style Sheets), tu peux cibler (et styler) tres précisément une balise située dans une autre balise dans une autre balis, etc ....
                  ie
                  .custom table td img
                  ou
                  div.custom table td img

                  Pourquoi ?
                  Parce que le style de l'image proposé par bootstrap devrait pouvoir être conservé.
                  En procédant de la sorte, on n'applique la modif qu'à l'image ciblée.

                  De plus,
                  une technique simple permettant de NE PAS modifier les fichiers CSS d'origine du template est d'ajouter une feuille de style qu'on peut nommer custom.css (ou autre chose).
                  Il me semble qu'il existe un dossier help et un fichier index.html "wright/help/index.html" dans les templates joomlashack qui explique comment procéder à ce genre d'action.

                  Inside of the css folder, you will see a few css files. Any file that starts with style-***.css is one of the template styles. These are automatically loaded based on the theme you select. You may see files that are related to a browser like ie7.css, which are for those specific browsers only. Lastly, you will see css files that start with a number and underscore such as 1_template.css. Any css file with a number and underscore is automatically loaded by the template. The number prefix determines the order it is loaded in, with lower numbers first. Create a new css file and name it custom.css. This will load all css files with 1-3 prefixed first, then your file. Since CSS takes the last defined rule, it is best to make your file load last. Add any changes you need to make to this file, since you can override any CSS settings by declaring them here. All you have to do is save the file to your template's /css directory, and it will get loaded automatically
                  Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                  Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X