Comment mettre 3 image a coté avec leur lien? [Fermé]

Signaler
Messages postés
6
Date d'inscription
lundi 20 août 2012
Statut
Membre
Dernière intervention
20 août 2012
-
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
-
Bonjour,

je voudrai savoir comment mettre 3 image a coté puis en dessous de chaque image le lien de limage svp



10 réponses

Messages postés
6
Date d'inscription
lundi 20 août 2012
Statut
Membre
Dernière intervention
20 août 2012
1
svp
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
1144
Date d'inscription
samedi 15 novembre 2008
Statut
Membre
Dernière intervention
18 août 2014
60
J'ai fait ca vite fait :

CSS :
#Photo1{

padding-left : 15%;
display:inline;
}
#Photo2{
display:inline;
padding-left : 30%;
}
#Photo3{
display:inline;
padding-left : 30%;
}


HTML :

<head>
<link rel="stylesheet" href="photo.css" />
</head>

<p align = center ><img src = "sun.jpg" id = "ImageBan" width = 33%>
<img src = "sun.jpg" id = "ImageBan1" width = 33%>
<img src = "sun.jpg" id = "ImageBan2" width = 33%></p>
<div id = "Photo1" >Lien1</div><div id = "Photo2" >Lien2</div><div id = "Photo3" >Lien3</div>
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
6
Date d'inscription
lundi 20 août 2012
Statut
Membre
Dernière intervention
20 août 2012
1
C'est presque sa mes les lien sont pas correctement mis dsl mes si tu peut le modifier fait le et merci camp même
Messages postés
1144
Date d'inscription
samedi 15 novembre 2008
Statut
Membre
Dernière intervention
18 août 2014
60
Joue avec les % pour centrer t lien
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
229
Comme je le disais dans un poste plus haut, utilisez "float"....

.photo{
width:90px;
height:120px;
float:left;
border:1px solid black;
margin:5px;
padding:5px;
text-align:center;
}

<div class="photo"><img alt="image" src="image1.jpg"/><br/><a href="#">Lien</a></div>
<div class="photo"><img alt="image" src="image2.jpg"/><br/><a href="#">Lien</a></div>
<div class="photo"><img alt="image" src="image3.jpg"/><br/><a href="#">Lien</a></div>

Ajustez les dimensions du div en fonction de la taille de vos images.
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
1144
Date d'inscription
samedi 15 novembre 2008
Statut
Membre
Dernière intervention
18 août 2014
60
Bonjour

Tes images on une largeur fixe ?
Messages postés
6
Date d'inscription
lundi 20 août 2012
Statut
Membre
Dernière intervention
20 août 2012
1
att je te fit un crokie
Messages postés
6
Date d'inscription
lundi 20 août 2012
Statut
Membre
Dernière intervention
20 août 2012
1
Messages postés
1144
Date d'inscription
samedi 15 novembre 2008
Statut
Membre
Dernière intervention
18 août 2014
60
le lien ne fonctionne pas
Messages postés
1144
Date d'inscription
samedi 15 novembre 2008
Statut
Membre
Dernière intervention
18 août 2014
60
La largeur des images varie ou pas ?
Messages postés
6
Date d'inscription
lundi 20 août 2012
Statut
Membre
Dernière intervention
20 août 2012
1
voilà
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
229
Salut,

Il faut juste créer un "div" utilisant une class CSS comportant entre autre un "float:left;". Vous placez l'image dans ce "div" avec un retour à la ligne pour le lien. Selon les dimensions données au "div", ils s'aligneront les un à la suite des autres.
Messages postés
1144
Date d'inscription
samedi 15 novembre 2008
Statut
Membre
Dernière intervention
18 août 2014
60
Le float est une bonne idée aussi ;)
Messages postés
5695
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
14 octobre 2020
1 096
C'est plus propre aussi =)
Messages postés
1144
Date d'inscription
samedi 15 novembre 2008
Statut
Membre
Dernière intervention
18 août 2014
60
Pas sur ;)

Si il n'y avait que 3 photos oui mais la ya des liens ;)