[RÉGLÉ] modification média queries et image à redimensionner

[marie-louise]

Bonjour,

Lien de mon site test : http://www.depromesem.be/joomla3/

J'ai pris mes premiers cours html/css afin d'améliorer le site joomla, et j'ai visiblement un soucis sur le redimensionnement d'image.

J'ai 2 affiches à présenter à l'accueil côte à côte, sur les grands écran pas de soucis, l'affichage est bon, sur des écran plus petit elles passent une sous l'autre.

J'ai bien créé une div dans le html de mes images

<div id="mes_photos">
<h1>Nos prochaines formations</h1>
<p><img src="images/eb201530.png" alt="Photographie" /><img src="images/or201530.png" alt="Photographie" /></p>
</div>

Et le CSS correspondant va sur une page séparée

#mes_photos
{
display: inline-block;
vertical-align: top;
width: 100%;
margin : 10px;
text-align : center;
}

img
{
margin : 10px;

}

@media screen and (max-width : 1024px)
{
img
{
margin : 10px;
width: 100px;
height: auto;
}

}

Par contre dès que je l'intègre dans mon CSS cela ne fonctionne plus, j'ai pensé que le px devait être différent car mon article est entouré de 2 Colonnes, mais mes différents essai ne donnent rien, qui peut m'aider ?

Merci d'avance

[lomart]

Re : modification média queries et image à redimensionner

Pas besoin de faire si compliqué.
Pour ce cas, cette règle suffit dans tous les cas pour 2 photos côte à côte
#mes_photos img {
margin: 1%;
width: 46%;


}

[marie-louise]

Re : modification média queries et image à redimensionner

Merci Lomart, t'es génial, j'avais bien testé width mais visiblement je m'étais trompée ailleurs.