Modification galerie photo simple html SOS
Fermé
Canon
-
28 sept. 2010 à 09:58
TechAndCo Messages postés 252 Date d'inscription jeudi 3 mai 2007 Statut Membre Dernière intervention 4 octobre 2010 - 28 sept. 2010 à 13:17
TechAndCo Messages postés 252 Date d'inscription jeudi 3 mai 2007 Statut Membre Dernière intervention 4 octobre 2010 - 28 sept. 2010 à 13:17
A voir également:
- Modification galerie photo simple html SOS
- Galerie photo en ligne gratuite - Guide
- Traduction photo gratuit - Guide
- Photo de profil - Guide
- Photo aérienne de ma maison - Guide
- Logiciel modification pdf - Guide
1 réponse
TechAndCo
Messages postés
252
Date d'inscription
jeudi 3 mai 2007
Statut
Membre
Dernière intervention
4 octobre 2010
20
28 sept. 2010 à 13:17
28 sept. 2010 à 13:17
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.
--
