Image d'intro responsive

[woofer01]

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

.responsive img 

{
   max-width: 100%
}

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


Capture écran fenêtre taille originale


Fenêtre redimensionnée


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

Merci d'avance

[webcrea]

Re : Image d'intro responsive

as-tu essayé ça?

.responsive img {
width: 100%
}

[woofer01]

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/

[lefabdu51]

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

[woofer01]

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:

@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...

[lefabdu51]

Re : Image d'intro responsive

essaye comme ceci
width:100% !important;

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

[woofer01]

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 !

[lefabdu51]

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

[woofer01]

Re : Image d'intro responsive

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