HTML - Centrer 2 form dans un tableau

Fermé
phparallele - 20 mai 2011 à 18:03
 jemappelpas - 24 mai 2011 à 12:32
Bonjour,

Je cherche à centrer 2 form qui contiennent 2 images. Si le flot:center existait le problème serait déjà réglé. Mais je ne trouve vraiment pas les CSS qui vont bien.

Si quelqu'un à une petite idée :

<table width="300" border="2"">
  <tr>
    <td style=" text-align:center">test</td>
  </tr>
  <tr>
    <td>
		<form id="form1" name="form1" method="post" action="" style="float:left; margin-left: auto; margin-right: auto;">
        	<input name="imageField" type="image" id="imageField" src="a.png" align="middle" />
    	</form>
	    <form id="form2" name="form2" method="post" action="" style="float:left; margin-left: auto; margin-right: auto;">
    	    <input name="imageField2" type="image" id="imageField2" src="b.png" align="middle" />
	    </form>
    </td>
  </tr>
</table>


J'aimerais le même resultat que ce code
<table width="300" border="2"">
  <tr>
    <td style=" text-align:center">test</td>
  </tr>
  <tr>
    <td>
		<form id="form1" name="form1" method="post" action="" style="text-align:center">
        	<input name="imageField" type="image" id="imageField" src="a.png" align="middle" />
            <input name="imageField2" type="image" id="imageField2" src="b.png" align="middle" />
    	</form>
    </td>
  </tr>
</table>


Sauf que j'ai absolument besoin de mes 2 form plus haut.

Merci pour votre aide
A voir également:

1 réponse

jemappelpas
24 mai 2011 à 12:32
<table width="300" border="2"">
  <tr>
    <td style=" text-align:center" colspan="3">test</td>
  </tr>
  <tr>
    <td style=" text-align:right">
		<form id="form1" name="form1" method="post" action="">
        	<input name="imageField" type="image" id="imageField" src="a.png" align="middle" />
    	</form>
</td><td style=" text-align:center">
	    <form id="form2" name="form2" method="post" action="">
    	    <input name="imageField2" type="image" id="imageField2" src="b.png" align="middle" />
	    </form>
    </td>
<td style=" text-align:left">
	    <form id="form2" name="form2" method="post" action="">
    	    <input name="imageField2" type="image" id="imageField2" src="b.png" align="middle" />
	    </form>
    </td>
  </tr>
</table>
2