Image d'intro responsive

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

  • Image d'intro responsive

    Bonjour,

    j'ai un petit souci avec un design "développé" sur Artisteer, lorsque je redimensionne ma fenêtre, mes images d'intro ne se redimensionne pas, malgré l'ajout dans le CSS de la règle

    Code:
    .responsive img 
    
    {
       max-width: 100%
    }

    Cependant, le résultat n'est pas au RDV:

    Cliquez sur l'image pour l'afficher en taille normale

Nom : 01.jpg 
Affichages : 1 
Taille : 19,7 Ko 
ID : 1820520
    Capture écran fenêtre taille originale

    Cliquez sur l'image pour l'afficher en taille normale

Nom : 02.jpg 
Affichages : 1 
Taille : 30,5 Ko 
ID : 1820521
    Fenêtre redimensionnée


    Quelqu'un aurait-il une solution pour éviter que cela ne se chevauche de la sorte ?

    Merci d'avance

  • #2
    Re : Image d'intro responsive

    as-tu essayé ça?

    .responsive img {
    width: 100%
    }
    Christophe
    http://www.webcrea.fr

    Commentaire


    • #3
      Re : Image d'intro responsive

      Yes cela fonctionne, mais pour l'ensemble des images de mon site internet; hors je souhaiterais que cela soit uniquement les images d'intro qui soient redimensionnées... :/

      > http://www.unnerfdedesign.fr/vanadium/

      Commentaire


      • #4
        Re : Image d'intro responsive

        tu as cette classe : img-intro-left
        ce qui veut dire que le paramètre position de l image d intro dans l onglet images et lien de ton article est par defaut ou la position est a gauche.

        en modifiant ce paramètre sur aucun tu vas avoir une classe nommée comme ceci: img-intro-none*donc tu ajoutes en bas de ton fichier css
        .img-intro-none {width:100%}
        et la tu ne cibleras que tes images d intro
        Dernière édition par lefabdu51 à 15/07/2014, 16h11

        Commentaire


        • #5
          Re : Image d'intro responsive

          Yes merci !! Je n'avais pas saisi la nuance "none/left/right" !

          La règle s'applique bel et bien, cependant, dans ce cas-là, rien à faire l'image ne veut rien savoir:
          Code:
          @media (min-width: 980px) and (max-width: 1199px)
          
          {
          
              #art-resp-tablet-landscape { display: block; }
             [U].img-intro-none { max-width: 70%; }[/U]
          }
          Autant avec "width" que "max-width", peut importe le pourcentage que je mets, ça ne bouge pas...

          Commentaire


          • #6
            Re : Image d'intro responsive

            essaye comme ceci
            width:100% !important;

            tu as peut etre une classe qui fait une cascade non demandée.

            Commentaire


            • #7
              Re : Image d'intro responsive

              Toujours pareil.. J'ai mis le CSS de mon template responsive en pièce jointe au cas ou quelqu'un aurait le temps de jeter un coup d'oeil

              template.responsive.zip

              Merci d'avance !

              Commentaire


              • #8
                Re : Image d'intro responsive

                essaye ceci
                div.img-intro-none img {width:100%}
                avec mon post precedent c etait la div et non l image qui s agrandissait

                Commentaire


                • #9
                  Re : Image d'intro responsive

                  SU-PER !! Tout simplement merci beaucoup, merci !

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X