Alignement formulaire

molgow

Membre expert
Club iGen
4 Janvier 2002
5 496
613
41
Suisse
J'ai besoin d'aligner (sur une ligne), un input et un bouton.
Voilà le résultat actuel qui ne me satisfait pas :

formulaire.png


J'ai essayé un tableau mais ça ne fonctionne pas comme je veux, et puis un <table> n'est pas fait pour ça. J'ai essayé le CSS, mais je n'y arrive pas car ces satanés formulaires sont affichés différements sur tous les navigateurs!

Quelqu'un aurait-il des conseils sur la meilleure manière d'obtenir un bon alignement ?

Je précise que je travaille en XHTML/CSS, donc pas de solutions non standardes svp.

[Edit]
Voici le code qui donne ce que vous voyez juste en dessus :

<font class="small">Code:</font><hr /><pre>
&lt;p&gt;
&lt;input type="text" name="name" size="10" maxlength="30" /&gt;
&lt;input type="image" src="http://www.epfl.ch/atelier/images/button_ok.gif" alt="OK" /&gt;
&lt;/p&gt;</pre><hr />
 
<font class="small">Code:</font><hr /><pre>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;

&lt;head&gt;
&lt;title&gt;essai&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;

&lt;style type="text/css" media="screen"&gt;


form
{
width: 500px;
border: 0px;
padding: 0px;
margin: 0px;
}

form #poet
{
width: 300px;
height: 20px;
margin: 0px;
padding: 0px;
border: 0px;
color: #000000;
font-size: 11px;
font-weight: normal;
font-family: Arial;
text-align: normal;
}



form #poet input
{
float: left;
margin: 0px;
padding: 0px;
width: 150px;
height: 16px; /* pour tenir compte du border standard de 2px */

}

form #poet input.bouton
{
float: left;
margin: 0px 0px 0px 15px;
padding: 0px;
border: 0px;
width: 20px;
height: 20px;
background-image: url(poet.jpg);

}


&lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;


&lt;form action="poet" method="post" name="poet"&gt;
&lt;div id="poet"&gt;
&lt;input type="text" name="name" maxlength="30" /&gt;&lt;input class="bouton" type="image" alt="OK" /&gt;
&lt;/div&gt;
&lt;/form&gt;


&lt;/body&gt;
&lt;/html&gt;
</pre><hr />

ça a l'air d'etre ok chez moi avec ca
wink.gif
 
Superbe!!!!!! Ca marche nickel!
smile.gif
smile.gif
smile.gif


<font class="small">Code:</font><hr /><pre>
for (int i = 0; i &lt; 1000; i++) {
printf("Merci \n");
}</pre><hr />