Discussion :

[aliss1105]

Bonjour,

Je ne suis pas une spécialiste du CSS et je bloque un peu pour redimensionner mes images. Je précise que je travaille sur Wordpress, il s'agit donc de CSS additionnel.

Avec ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.img{
	background-size: cover;
    width: 200px;
height: 220px;
	line-height: 220px;
	float: left;
  margin-right: 20px;max-height: 100%;
  max-width: 100%;
  vertical-align: middle;

Mes images sont déformées, comment je peux résoudre ça ? De plus, sachant qu'elles sont systématiquement au nombre de 5, j'aimerais qu'elles soient affichées par rangée de 2 et par rangée de 3. (2 photos en haut, 3 photos en bas donc). Comment puis-je induire cette disposition ?
J'aurais aimé aussi savoir s'il est possible d'exclure une image de ce code ? Je m'explique : lorsque j'utilise ce code, toutes les images font ce que le code dit. Sauf que j'aimerais que l'avatar reste tel quel et ne réponde pas à ces règles. Quelle est la balise pour ça ?

Merci et bonne journée

[mathieu]

le plus rapide serait que vous nous montriez l'url de cette page.

[aliss1105]

Ce n'est malheureusement pas possible, vous n'auriez pas accès à la page qui nécessite une adhésion payante.
En revanche, je peux vous montrer comment se sont affichées les images à la suite de ces commandes CSS. (cf PJ)

Depuis ce code, il y a cet effet "escalier/ cascade" qui est aussi apparu. Toutes les images ne sont pas alignées au même niveau. J'espère que cela pourra vous aider à y voir plus clair. Si vous avez besoin d'un élément dans le code source vous pouvez me le faire savoir. Merci.

[ProgElecT]

Salut

Ce n'est malheureusement pas possible, ...

Il t'est peut être possible de visualiser le code HTML et CSS en affichant le code dans ton navigateur (Ctrl+U par exemple sous Firefox), tu le copies/colles dans ton prochain message entre les balises
[CODE=html] ici le code HTML [/CODE]
et pour le CSS
[CODE=CSS] ici le code CSS[/CODE]