Alignement de boutons sous images alignées
LezardMoo
Messages postés
554
Date d'inscription
Statut
Membre
Dernière intervention
-
LezardMoo Messages postés 554 Date d'inscription Statut Membre Dernière intervention -
LezardMoo Messages postés 554 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous!!!
le titre est peut etre implicite alors je m'explique,
je cherche un moyen tout simple pour mettre un bouton (bouton1) sous une image (image1) et un autre (bouton2) sous une autre (image2) qui sont sur la meme ligne hors quand je code mon bouton1 et mon bouton2 ils sont bien sous mes images mais les image sont l'une sous l'autre... petit schema)
ce que je veux faire:
image1 image2
bouton1 bouton2
ce que j'obtient quand je code les boutons:
image1
bouton1
image2
bouton2
j'ai essayé de tout mettre (bouton + image) dans une balise form mais ca ne fonctionne pas.
Quelqu un aurait la solution??
Merci d'avance :D
le titre est peut etre implicite alors je m'explique,
je cherche un moyen tout simple pour mettre un bouton (bouton1) sous une image (image1) et un autre (bouton2) sous une autre (image2) qui sont sur la meme ligne hors quand je code mon bouton1 et mon bouton2 ils sont bien sous mes images mais les image sont l'une sous l'autre... petit schema)
ce que je veux faire:
image1 image2
bouton1 bouton2
ce que j'obtient quand je code les boutons:
image1
bouton1
image2
bouton2
j'ai essayé de tout mettre (bouton + image) dans une balise form mais ca ne fonctionne pas.
Quelqu un aurait la solution??
Merci d'avance :D
A voir également:
- Alignement de boutons sous images alignées
- A quoi servent les boutons de couleur sur une telecommande - Guide
- Des images - Guide
- Comment réinitialiser un téléphone avec les boutons - Guide
- Application pour reconnaître les boutons - Accueil - Outils
- Extraire images pdf - Guide
3 réponses
Salut,
C'est normal, les images sont de type "bloc" autrement dit te ne peux pas les mettre l'une à coté de l'autre sauf si tu les déclare "inline" dans ton css.
Je parie que tu a mit tes bouton entre les balises <p></p> (qui sont aussi des balises "bloc".
Soit tu crée un tableau sans bordures
Soit tu écrit une css comme par exemple:
.imgligne { /* image cote à cote */
display: inline;
}
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
C'est normal, les images sont de type "bloc" autrement dit te ne peux pas les mettre l'une à coté de l'autre sauf si tu les déclare "inline" dans ton css.
Je parie que tu a mit tes bouton entre les balises <p></p> (qui sont aussi des balises "bloc".
Soit tu crée un tableau sans bordures
Soit tu écrit une css comme par exemple:
.imgligne { /* image cote à cote */
display: inline;
}
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
Salut,
Un tableau sans bordure pourrait marché
<style type="text/css">table{border: solid 1px; border-collapse:collapse;} td{border: solid 1px; border-color:#999999;}</style>
<table>
<br>
<tr>
<td>
Image 1
</td>
<td>
Image 2
</td>
</tr>
<tr >
<td>
Bouton 1
</td>
<td>
Bouton 2
</td>
</tr>
</table>
Après si tu veux le mettre ou tu veux tu le met dans une DIV
l'informatique est née pour nous faire réfléchir....
Un tableau sans bordure pourrait marché
<style type="text/css">table{border: solid 1px; border-collapse:collapse;} td{border: solid 1px; border-color:#999999;}</style>
<table>
<br>
<tr>
<td>
Image 1
</td>
<td>
Image 2
</td>
</tr>
<tr >
<td>
Bouton 1
</td>
<td>
Bouton 2
</td>
</tr>
</table>
Après si tu veux le mettre ou tu veux tu le met dans une DIV
l'informatique est née pour nous faire réfléchir....