Modification galerie photo simple html SOS
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.
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.
1 réponse
-
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.
--
