Comment puis-je utiliser les CSS pour le style de plusieurs images différemment?
Je suis fondamentalement le style d'une longue dissertation avec des images différentes réparties un peu partout.
Je voudrais la première image de "float: left" et le second "float: right". Je sais que je peux le style de l'image comme ceci:
img {
float: left;
}
Ce qui rend chaque image ont le même style. Comment puis-je style de chaque image différemment? J'ai essayé de mettre chaque image dans un autre div class, pour que je puisse un style différent, mais il ne fonctionne pas.
Je comprends aussi que je pouvais le style de chaque image dans la balise html, comme ceci:
<img src="ABCD.png" alt="Raoul Hausmann's ABCD" align="left" height="300px">
J'entends que c'est mieux de garder le style de la feuille de style externe (CSS), distincte de la html. Est-ce un cas où inline style est-il nécessaire?
- Semble comme si vous étiez sur la bonne voie--ce qui "ne marche pas" à propos de mettre les classes sur la balise div contenant les images? Pouvez-vous nous montrer ce que vous avez fait et ce qui s'est passé? BTW, en spécifiant la hauteur en utilisant le
height
attribut sur laimg
balise n'est plus le moyen privilégié pour ce faire, utilisez leheight
attribut CSS à la place. Même avecalign
. - Je met le "class=__" au mauvais endroit, mais ici toutes les réponses effacé pour moi. Merci de la confirmation de l'info sur la taille de l'attribut dans la balise html, j'ai eu le sentiment que ça n'allait pas.
Vous devez vous connecter pour publier un commentaire.
Vous pouvez donner à chaque image à une classe ou un id qui vous aidera à définir les différents css pour chaque image comme
dans le fichier css, vous pouvez définir
Donner à votre image une classe puis vous pouvez définir le style de toutes les images avec cette classe comme ceci:
CSS:
HTML:
Essayer cette
cela va flotter deux images, l'une à gauche et l'autre à droite
Tous les ci-dessus sont beaux, je voudrais seulement suggérer regroupement de communes des paramètres de l'image dans ce cas pour que la gauche/droite des classes ne contient que ce qui est différent.