28173 sujets

CSS et mise en forme, CSS3

Bonjour

Je cherche à positionner deux icones réactif cote à cote dans une cellule de tableau
Mes differents essais me positionne les icones l'un en dessous de l'autre malgré une largeur de cellule grandement suffisante

              <td class =tdRight>
                <form action="" method="post">
                    <input type="hidden" name="id" value="0" />
                    <input type="image" src="img/edit.png" />
                 </form>
                <form action="" method="post">
                    <input type="hidden" name="id" value="1" />
                    <input type="image" src="img/drop.png" />
                </form>
              </td>

Pour des raisons de mise en page je ne souhaite pas faire 2 colonnes
Cela est'il possible

Merci
Bonjour,

L'élément form est un élément de type bloc, et provoque donc un retour à la ligne.

Tu peux peut-être le passer en affichage de type en-ligne :
td.tdRight form {
	display: inline;
}

Mais tout ceci me semble un peu bricolé. Un formulaire à part pour chaque bouton ? Il n'était pas possible de faire un seul formulaire ?
OK

Comme c'est le form qui creait ce saut de ligne je l'ai supprimé et remplacé par onclick

<td class =tdRight>
    <input type="image" src="img/edit.png" name="record" onclick="value=0" />
    <input type="image" src="img/drop.png" name="drop" onclick="value=1" />
 </td>


Cela fonctionne
Merci