Alignement de boutons sous images alignées

Fermé
LezardMoo Messages postés 554 Date d'inscription mercredi 5 janvier 2011 Statut Membre Dernière intervention 21 janvier 2015 - 28 févr. 2011 à 13:23
LezardMoo Messages postés 554 Date d'inscription mercredi 5 janvier 2011 Statut Membre Dernière intervention 21 janvier 2015 - 18 mars 2011 à 13:53
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


3 réponses

txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 520
28 févr. 2011 à 16:10
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.
0
caro__48 Messages postés 242 Date d'inscription mercredi 14 avril 2010 Statut Membre Dernière intervention 18 mai 2017 61
Modifié par caro__48 le 28/02/2011 à 16:19
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....
0
LezardMoo Messages postés 554 Date d'inscription mercredi 5 janvier 2011 Statut Membre Dernière intervention 21 janvier 2015 14
Modifié par LezardMoo le 28/02/2011 à 17:08
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
0
caro__48 Messages postés 242 Date d'inscription mercredi 14 avril 2010 Statut Membre Dernière intervention 18 mai 2017 61
28 févr. 2011 à 17:30
de rien, bon courage et tiens nous au jus. Bonne soirée
0
LezardMoo Messages postés 554 Date d'inscription mercredi 5 janvier 2011 Statut Membre Dernière intervention 21 janvier 2015 14
18 mars 2011 à 13:53
ca a fonctionner parfaitement. encore merci :)
0