Modification galerie photo simple html SOS
Canon
-
TechAndCo Messages postés 252 Date d'inscription Statut Membre Dernière intervention -
TechAndCo Messages postés 252 Date d'inscription Statut Membre Dernière intervention -
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.
A voir également:
- Modification galerie photo simple html SOS
- Galerie photo en ligne gratuite - Guide
- Google photo - Télécharger - Albums photo
- Suivi de modification word - Guide
- Comment masquer une photo dans la galerie - Guide
- Iphone 14 simple - Guide
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.
--
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.
--