besoin d aide pour un code css
besoin d aide pour un code css - HTML/CSS - Programmation
Marsh Posté le 27-11-2023 à 13:19:07
Bonjour,
Pour la même taille des images, il va falloir mettre un style width et/ou height sur les <img />. Pour qu'elles aient toutes la même taille, ça va supposer qu'elle aient bien toute le même ratio.
Pour le n&b : https://developer.mozilla.org/fr/do [...] /grayscale
Mais faudra mettre une class sur l'image à pas mettre en n&b (ou l'inverse (une class pour toutes celles en n&b et rien pour celle en couleur).
Au passage, merci d'utiliser la balise [code] pour poster du code afin de le rendre plus lisible 
---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Marsh Posté le 30-11-2023 à 22:47:12
exemple rapide : https://codepen.io/arnogues/pen/PoVdaaK
Code :
|
Code :
|
Je passe par une variable CSS c'est plus simple à maîtriser
---------------
Blablaté par Harko
Marsh Posté le 02-12-2023 à 10:35:09
C'est beau, tout ça en si peu de lignes et si simple à comprendre ![[:emerveille]](https://forum-images.hardware.fr/images/perso/emerveille.gif "[:emerveille]")
---------------
Réalisation amplis classe D / T Topic .Net - C# @ Prog
Marsh Posté le 02-12-2023 à 16:32:15
Bah surtout que ya pas besoin de plus pour l'exemple
---------------
Blablaté par Harko
Sujets relatifs:
- [Débutant HTML/CSS]Besoin d'aide pour débug et compréhension code
- Besoin d'aide dans mon code
- Besoin d'aide sur code
- [PHP] Besoin d'aide pour du code PHP
- Besoin d'aide pour un code PHP
- connexion ado avec acces et besoin d'aide pour code vb svp
- Besoin d'aide sur un code "copier - coller"
- [ Besoin D'AIDE ! ] Quelques lignes de code Svp. ( noob )
- Besoin d'aide pour écrire un code VBA
- besoin d'aide pour le code d'1 graphique
Marsh Posté le 26-11-2023 à 01:32:06
Bonjour je peine avec mon code css avec flexbox, je n'arrive pas à mettre les images en galerie avec des tailles identiques sans modifier la taille. Et mettre les photos en noir et blanc sauf une.
Qui peut m'aider?
Voici mon code css sur vs code : body {
max-width: 1200px;
margin: auto;
background-image:url("bg.jpg" )
}
h1 {
text-align:center;color: green;}
.galerie {
display:flex;
font-size : 20px
background-color:
flex-direction:row;
flex-grow: 1;
flex-wrap: wrap;
justify-content: center;
justify-items: center;
align-items:center;
padding: 20px 10px
width:100%;
max-width : 100%
height:auto
Object-fit: cover
}
et mon code html :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/normalize.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style></style>
<title>Galerie des animaux de la forêt</title>
</head>
<body>
<h1>Les animaux de la forêt</h1>
<div class="galerie">
<img src="images/Biche.jpg">
<img src="images/Blaireau.jpg">
<img src="images/Ecureuil.jpg">
<img src="images/Herisson.jpg">
<img src="images/Lapin.jpg">
<img src="images/Libellule.jpg">
<img src="images/Lievre.jpg">
<img src="images/Lapin.jpg">
<img src="images/Loup.jpg">
<img src="images/loutre.jpg">
<img src="images/Lynx.jpg">
<img src="images/Mante_Religieuse.jpg">
<img src="images/Marcassin.jpg">
<img src="images/Ours.jpg">
<img src="images/OursAssis.jpg">
<img src="images/Renard.jpg">
<img src="images/Renard1.jpg">
<img src="images/Couleuvre.jpg">
<img src="images/Ecureuil.jpg">
<img src="images/Sanglier.jpg">
</div>
</body>
</html>