Comment mettre 3 image a coté avec leur lien?

Fermé

Html

zt5dsds Messages postés 6 Date d'inscription lundi 20 août 2012 Statut Membre Dernière intervention 20 août 2012 - 20 août 2012 à 18:15
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 25 août 2012 à 12:45

Bonjour,

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

Posez votre question

A voir également:

Mettre 3 images côte à côte html
Croix a cote du nom snap - Forum Snapchat
Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
Dans le document à télécharger, placez les 2 images côte à côte et donnez-leur la même hauteur. marie a gagné un lot à l’un des trois tirages. qu’a-t-elle gagné ? ✓ - Forum Word
:3 emoji ✓ - Forum Loisirs / Divertissements
Savoir si je suis bloqué par une personne sur snap chat ✓ - Forum Snapchat

10 réponses

Réponse 1 / 10

zt5dsds Messages postés 6 Date d'inscription lundi 20 août 2012 Statut Membre Dernière intervention 20 août 2012 1
20 août 2012 à 18:15

svp

Réponse 2 / 10

moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
Modifié par moiced59 le 20/08/2012 à 19:00

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>

zt5dsds Messages postés 6 Date d'inscription lundi 20 août 2012 Statut Membre Dernière intervention 20 août 2012 1
20 août 2012 à 22:28

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

moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
21 août 2012 à 19:51

Joue avec les % pour centrer t lien

Réponse 3 / 10

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
25 août 2012 à 12:45

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.

Réponse 4 / 10

moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
20 août 2012 à 18:17

Bonjour

Tes images on une largeur fixe ?

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 10

zt5dsds Messages postés 6 Date d'inscription lundi 20 août 2012 Statut Membre Dernière intervention 20 août 2012 1
20 août 2012 à 18:28

att je te fit un crokie

Réponse 6 / 10

zt5dsds Messages postés 6 Date d'inscription lundi 20 août 2012 Statut Membre Dernière intervention 20 août 2012 1
20 août 2012 à 18:36

https://www.imagup.com/data-recovery-solutions-for-small-businesses-of-san-francisco/

voilà le cookie en image

Réponse 7 / 10

moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
20 août 2012 à 18:38

le lien ne fonctionne pas

Réponse 8 / 10

moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
20 août 2012 à 18:39

La largeur des images varie ou pas ?

Réponse 9 / 10

zt5dsds Messages postés 6 Date d'inscription lundi 20 août 2012 Statut Membre Dernière intervention 20 août 2012 1
20 août 2012 à 18:43

voilà

Réponse 10 / 10

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
20 août 2012 à 19:00

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.

-1

moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
20 août 2012 à 20:17

Le float est une bonne idée aussi ;)

AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
22 août 2012 à 12:47

C'est plus propre aussi =)

moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
22 août 2012 à 18:17

Pas sur ;)

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

Posez votre question

Discussions similaires

Aligner un texte avec son image

Philosophe-du-88 - 16 oct. 2012 à 19:03
Philosophe-du-88 - 18 oct. 2012 à 19:01

6 réponses

mettre deux images cote a cote.

moumous - 23 janv. 2015 à 19:33
Tomy2e - 28 janv. 2015 à 00:14

10 réponses

Ecrire du texte à coté de l 'image

sabineh1 - 14 avril 2016 à 10:43
sabineh1 - 18 avril 2016 à 18:11

17 réponses

Image côte à côte en CSS

Utilisateur anonyme - 24 oct. 2018 à 21:54
Utilisateur anonyme - 26 oct. 2018 à 11:12

4 réponses

HTML : mettre le texte à coté de l'image

loicDu28 - 14 févr. 2009 à 23:50
loicDu28 - 16 févr. 2009 à 09:49

8 réponses

paragraphe cote a cote

GossBow - 25 mars 2013 à 16:51
GossBow - 25 mars 2013 à 18:55

4 réponses

Devenez membre en quelques clics

Connectez-vous simplement avec ceux qui partagent vos intérêts
Suivez vos discussions facilement et obtenez plus de réponses
Mettez en avant votre expertise et aidez les autres membres
Profitez de nombreuses fonctionnalités supplémentaires en vous inscrivant

S'inscrire

Discussions similaires

Newsletters