Modification galerie photo simple html SOS Fermé

Question

Bonjour, 

J'ai récupérer une galerie photo sur un site que j'ai installé sur mon site sans aucun probléme.

Par contre je souhaiterai apporté une modification.

Voici un exemple de cette galerie:
http://www.tidiab.com/galerie2.htm

Que faut-il modifier pour pouvoir avoir 7 photo sur la même ligne et non 3 ?

Merci d'avance pour votre aide.

TechAndCo · Answer

Bonjour,


Dans la feuille de style nommée "photo_simple.css"

body {
	background-color: #000000
}
#gallery {
	position: relative;
	width: 750px;
}
#thumbs {
	width: 180px;
	float: left;
}
#thumbs a {
	display: block;
	float: right;
	margin: 0 0 5px 5px;
	width: 50px;
	height: 50px;
}
#thumbs a img {
	width: 50px;
	height: 50px;
	border: 0;
}
#thumbs a:hover {
	border-color: #ddd;
}
#thumbs a:hover img {
	position: absolute;
	width: auto;
	height: auto;
	left: 185px;
	top: 0;
	border: 1px solid #333;
}


Ici, tu as la taille totale de ta galerie, 750px, ensuite la taille de la largeur de ton menu (tes petites images), 180px, la taille d'une image: 50px.
Tu peux donc avoir 3 images par ligne (180 / 50). Donc, si tu veux 7 photos sur une ligne, il te faut indiquer pour thumbs: 400 et pour gallery: 970 (750 + (400-180)).

J'espère que ça t'aidera.

A bientôt.

TechAndCo.
--

Modification galerie photo simple html SOS

1 réponse

Discussions similaires