Intégrer des photos responsive sur la page d'accueil

[designforevents]

Bonjour, 

 

J'ai récemment installé un thème sur la version 1.6 de prestashop avec lequel j'ai eu le module extra content pour ajouter du contenu photos et texte sur mon site.

J'essaye donc d'ajouter 2 photos côté à côte au bas de ma page d'accueil mais j'ai un soucis de dimensions : les hauteurs sont différentes malgré que les dimensions que j'ai rentré dans mon module soient les mêmes. Une capture d'écran de ma page est en pièce jointe, il s'agit des cadres noir et gris en bas de page.

 

Le code html de mes photos dans le module est le suivant :

 

<div class="row">

<div class="col-xs-12 col-sm-6 col-md-6 "><a href="#"><img class="img-responsive" src="http://localhost/prestashop/img/cms/Sans-titre-1.jpg" alt="" width="570" height="200" /></a></div>

<div class="col-xs-12 col-sm-6 col-md-6 "><a href="#"><img class="img-responsive" src="http://localhost/prestashop/img/cms/Sans-titre-2.jpg" alt="" width="570" height="200" /></a></div>

</div>

 

Je débute pour ce qui est du code. Quelqu'un peut-il m'aider ?

[Baba deCode]

En utilisant google chrome ou firefox, en faisant clique droit, inspecter l'élément, tu verras dans une console le code html et css... ca pourra t'aider à comprendre ce qu'il se passe

[designforevents]

Merci j'ai changé ceci dans global.css :

 

.img-responsive {

  display: block;

  /*max-*/width: 100%;

  height: auto; }

 

et maintenant la hauteur ne change plus.