Alignement de boutons sous images alignées
LezardMoo
Messages postés
614
Statut
Membre
-
LezardMoo Messages postés 614 Statut Membre -
LezardMoo Messages postés 614 Statut Membre -
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
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. -
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.... -
Exacte mes buttons sont dans des <p>. pas con le coup du tableau je vous remercies.je teste ca demain.
Merci à vous deux ;)
bonne fin de journée
(l'informatique est surtout née de reflexion;))
"j'aime pas l'travail, la justice et l'armée" RENAUD
