probleme gallerie images

classer images

Sujet résolu

12 août 2018 à 15:38:34

Bonjour,

Je débute avec CSS et html (je viens de finir le cours flexbox)et pour m'entrainer j'essaie de faire un petit site de galleries d'images de mes voyages

avec les images en miniatures qui s'agrandissent en cliquant dessus. (ça j'ai compris)

Je voulais un peu faire comme dans le cour flexbox mais avec image, mais je n'arrive pas a les classer comme je voudrais, par exemple les mettres en verticales ou horizontales, centrer ou à droite ou dans le sens inverse, ect.

J'ai un peu tout essayer mais rien n'y fais les images ne bougent pas

quelqu'un pourrait m'expliquer ou ça cloche svp

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>gallery BTY</title>

</head>

<body>
<header id="header">
	<h1><strong><center>Pics of travels</center></strong></h1>

	</header>
	<div id="gallery">

<a class="ima" href="image/DSC_0033.jpg" ><img src="image/reduit/DSC_0033.jpg"	alt="japon" /> </a>


<a class="ima" href="image/DSC_0036.jpg" ><img src="image/reduit/DSC_0036.jpg"	alt="japon" /> </a>


<a class="ima" href="image/DSC_0360.jpg" ><img src="image/reduit/DSC_0360.jpg"	alt="japon" /> </a>


<a class="ima" href="image/DSC_0365.jpg" ><img src="image/reduit/DSC_0365.jpg"	alt="japon" /> </a>


<a class="ima" href="image/DSC_0367.jpg" ><img src="image/reduit/DSC_0367.jpg"	alt="japon" /> </a>


<a class="ima" href="image/DSC_0422.jpg" ><img src="image/reduit/DSC_0422.jpg"	alt="japon" /> </a>


<a class="ima" href="image/DSC_0456.jpg" ><img src="image/reduit/DSC_0456.jpg"	alt="japon" /> </a>


<a class="ima" href="image/DSC_0571.jpg" ><img src="image/reduit/DSC_0571.jpg"	alt="japon" /> </a>

</div>


</body>

</html>

#gallery 
{
	display: flex;
	flex-direction: column;
	
}
.ima
{
	display:flex;
	flex-direction: : column;
}

-
Edité par Neoben7 12 août 2018 à 15:43:33

exen

12 août 2018 à 16:08:12

Bonjour c'est tout à fait normal ce qui se passe.

Tu n'a pas lier ton style.css à ta page HTML

Compos sui.

AbcAbc6

12 août 2018 à 16:59:06

Bonjour, en complément de ce qui est dit, la balise <center> tu ne la pas trouvé dans le cours d'openclassrooms!

Cette balise est dépréciée depuis 1999, elle n'est plus à utiliser => à supprimer, c'est en CSS que l'on centre.

Neoben7

13 août 2018 à 17:53:36

Merci. J'ai trouvé pour le lien avec mon fichier html css 10mn apres le poste.... erreur stupide.. mais je ne suis pas arriver a supprimer le poste.

Je prend note pour la balise center, merci

-
Edité par Neoben7 13 août 2018 à 17:54:18