Comment mettre 3 image a coté avec leur lien?

Html

zt5dsds Messages postés 7 Statut Membre -
tryan44 Messages postés 1289 Date d'inscription Statut Membre Dernière intervention - 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

Afficher la suite

Répondre (10)

A voir également:

Mettre des images cote a cote html
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
Comment mettre deux textes côte à côte sur word - Guide
Comment mettre deux textes cote a cote sur word ✓ - Forum Word
Pourquoi mon casque bluetooth ne marche que d'un coté ✓ - Forum Casque et écouteurs
Comment mettre du texte a coté d'une image en html - Forum CSS

10 réponses

Réponse 1 / 10

zt5dsds Messages postés 7 Statut Membre 1

svp

Réponse 2 / 10

moiced59 Messages postés 1161 Statut Membre 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>

zt5dsds Messages postés 7 Statut Membre 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

moiced59 Messages postés 1161 Statut Membre 60

Joue avec les % pour centrer t lien

Réponse 3 / 10

tryan44 Messages postés 1289 Date d'inscription Statut Membre Dernière intervention 220

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 1161 Statut Membre 60

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 7 Statut Membre 1

att je te fit un crokie

Réponse 6 / 10

zt5dsds Messages postés 7 Statut Membre 1

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 1161 Statut Membre 60

le lien ne fonctionne pas

Réponse 8 / 10

moiced59 Messages postés 1161 Statut Membre 60

La largeur des images varie ou pas ?

Réponse 9 / 10

zt5dsds Messages postés 7 Statut Membre 1

voilà

Réponse 10 / 10

tryan44 Messages postés 1289 Date d'inscription Statut Membre Dernière intervention 220

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 1161 Statut Membre 60

Le float est une bonne idée aussi ;)

AssassinTourist Messages postés 409 Date d'inscription Statut Contributeur Dernière intervention 1 313

C'est plus propre aussi =)

moiced59 Messages postés 1161 Statut Membre 60

Pas sur ;)

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

Répondre Posez votre question

Discussions similaires

Problème d'insertion d'image html

Megaman98 -
Megaman98 -

17 réponses

PHP Afficher texte après clique sur un bouton

florianlp -
alain -

11 réponses

Bandeau haut de page

Mireliria -
Mireliria -

6 réponses

Taille et police du texte en html

SimpleThing45 -
didi24 -

11 réponses

[HTML]:ouvrir un onglet a parti d'un button

ajp55 -
didi -

5 réponses

Comment récupérer un compte Facebook piraté?

TheKryce -
iceman94260 -

9 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