gauche n'est pas un élément, => .gauche (sélectionne la classe "gauche"), pas "gauche{quelque chose}"

merci pour la réponse
j aurais du donc pour le coup
écrire ceci




[code] <style type="text/css">
@media (min-width:762px) {
gauche { float: left; }
droite { float: right; }
img {
width: 50%;
}
}
@media (max-width:762px) {
img {
display: block;
width: 100% !important;
}
}
</style>[/code]

Attention qu'un id s'utilise qu'une fois dans la page, une classe peut s'utiliser plusieurs fois.

http://css.mammouthland.net/selecteurs-css-class-id.php

voila j ai trouve
j ai utilise ce code css
et j ai place l id a chaque image

[code] <style type="text/css">
@media (min-width:762px) {
#example1 { float: left; }
#example2 { float: right; }
img {
width: 50%;
}
}
@media (max-width:762px) {
img {
display: block;
width: 100% !important;
}
}
</style>[/code]

voila cela fonctionne

j ai une autre question dans le cas ou sur la même page
dans un bloc je veux faire floater une image a droite
puis dans l autre bloc je veux faire floater l image a gauche

comment je pourrais faire du coup dans le css
avec l attribut img

pour l instant j ai ceci mis juste pour les images de droite

[code]@media (min-width:762px) {
img {
float: right;
width: 50%;
}
}
@media (max-width:762px) {
img {
display: block;
width: 100% !important;
}
}[/code]

ok
je regarde a cela
merci
je reviens quand tout sera nickel

propriété width mais ya peut être bootstrap qui met une élasticité à ton image... regarde ta console pour voir les styles appliquées à ton image (F12)

merci pour l aide
ah ben oui j y avais pas pense
cela fonctionne
j ai encore un petit soucis en plus du display block , comment je pourrais faire pour bloquer la taille de l image

non, dans le css suivant la largeur, avec les média query, mettre une class à ton image pour la gérer dans le css.

Je le répète mais le mieux est d'apprendre sans bootstrap quand on ny connais rien du tout, ça permet de savoir qui fait quoi car bootstrap à des valeur CSS dans tous les sens. ;)

merci pour la reponse
donc je dois ajouter juste cet attribut a la balise image

[quote=flexi2202 post_id=466776 time=1616427216 user_id=12642]
voici ce que je souhaiterais pour les écrans supérieur a 752 px
https://zupimages.net/up/21/12/74yb.jpg[/quote]

image en float right

[quote=flexi2202 post_id=466776 time=1616427216 user_id=12642]
et pour les écrans en dessous de 752 px
ceci
https://zupimages.net/up/21/12/eoua.jpg
[/quote]

image en display block

merci pour l aide

en utilisant les cards de boostrap

voici ce que j ai
https://zupimages.net/up/21/12/3bsd.jpg

voici ce que je souhaiterais pour les écrans supérieur a 752 px
https://zupimages.net/up/21/12/74yb.jpg

et pour les écrans en dessous de 752 px
ceci

https://zupimages.net/up/21/12/eoua.jpg

image capture stp ? montre en dessinant ce que tu veux faire

bonjour
merci pour la réponse
je souhaiterais que si le texte est trop grand il puisse entoure l image a gauche et en dessous de celle ci
pour l image on pourrait faire phil.jpg

le plus important est de garder la structure de la card

flotter comment ?

Ton image n'a pas d'extension: image/phil