18041 sujets

Questions générales et questions de débutants

Création d'une galerie d'image

Bonjour, je débute.Voilà j'ai deux problèmes. Voici le 1er, j'ai créer les miniatures et s'affichent correctement et quand je créer les grandes il s'alignent tous les uns en dessous les autres sauf le 1er qui s'aligne en haut à gauche à côté des petites vignettes.Voici le html : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />



</head>
<body
<div id="content">
<h1> Gallerie d'image en JQUERY</h1>

<div id="galerie_nav">
<a rel="fleur"href="#"><img src="fleur.JPG" alt="mini.jpg"/></a>
<a rel="moulin"href="#"><img src="moulin.JPG" alt="moulin.jpg"/></a>
<a rel="jeu"href="#"><img src="jeu.JPG" alt="jeu.jpg"/></a>
<a rel="clown"href="#"><img src="clown.JPG" alt="clown.jpg"/></a>

</div>
</div>

<div id="galerie_big">
<img src="fleur.JPG" alt="fleur.jpg"/></a>
<img src="moulin.JPG" alt="moulin.jpg"/></a>
<img src="jeu.JPG" alt="jeu.jpg"/></a>
<img src="clown.JPG" alt="clown.jpg"/></a>
</div>



</body>
</html>



Et voici le css : 

#galerie_nav img{
margin:2px;
width:100px;
height:100px;
float:left;
text-align:center;
}

#galerie_big img{

width:650px;


}


Mon 2ème problèmes c'est: que quand je clique sur les miniatures que ça change d'images
Modifié par 6l20 (05 Apr 2012 - 20:57)
Sujet clos
Aller à