5568 sujets

Sémantique web et HTML

Centrer verticalement une zone de texte

Bonjour,

J'ai un gros problème !
Je n'arrive pas à centrer verticalement une zone de texte d'un formulaire tout bête dans une cellule de tableau.
J'ai essayé de le faire en css, mais vraiment, juste pour cette barre, j'ai eu du mal et ça me semble plus simple en tableau. (mais je reste ouvert à vos propositions !)

Voilà ce que j'ai :
http://www.rosebud.free.fr/01.jpg

Alors que je voudrais ça :

http://www.rosebud.free.fr/02.jpg

et le code de la zone en question :

<table width="943" bgcolor="#FFFFFF" cellpadding="0" cellspacing="4">
	<tr>
	  <td height="124" colspan="7" valign="top"><div align="center"><img src="kit/bandeau.jpg" width="943" height="124"></div></td>
	</tr>
	<td width="161" valign="top"><img src="kit/menu01.jpg" width="161" height="26"></td>
	<td width="117" valign="top"><img src="kit/menu02.jpg" width="117" height="26"></td>
	<td width="111" valign="top"><img src="kit/menu03.jpg" width="111" height="26"></td>
	<td width="117" valign="top"><img src="kit/menu04.jpg" width="117" height="26"></td>
	<td width="91"  valign="top"><img src="kit/menu05.jpg" width="91" height="26"></td>
	<td width="79"  valign="top"><img src="kit/menu06.jpg" width="79" height="26"></td>
	<td width="253" valign="middle" bgcolor="#b60162" ><img src="kit/menu07.jpg" width="90" class="img" height="26">	<form method="post" action="resultats.php">
	 <input type="text" class=mailinglist size=13 maxlength=15 name="recherche" id="recherche" value="" />
		<INPUT TYPE="image" width="16" height="16" NAME="envoyer" SRC="kit/envoyer.jpg" BORDER=0>
		</form>
		</td>
		</table>


et le css :

 input.mailinglist 
 {height:16px;
 width:100px;
 font-family:verdana;
 color:#555555;
 font-size:9px;
 font-weight:normal;
 text-decoration:none;
 border-left: #555555 solid 1px;
 border-top: #555555 solid 1px;
 border-right:#555555 solid 1px;
 border-bottom: #555555 solid 1px;
 background-color: #eeeeee;
 text-align:left;
 }


J'aimerais juste arriver à centrer verticalement la zone de texte et le bouton ok qui va avec car je m'arrache les cheveux depuis hier !

Merci à tous !

D.
Modifié par lesfabuleux (24 Aug 2006 - 09:53)
lesfabuleux a écrit :

J'aimerais juste arriver à centrer verticalement la zone de texte et le bouton ok qui va avec car je m'arrache les cheveux depuis hier !

Merci à tous !

D.


Voila une code simple parmis tant d'autres : 

<body>
<form method="post" action="resultats.php">
<table width="943" bgcolor="#FFFFFF" cellpadding="0" cellspacing="4" border="0">
	<tr><td height="124" colspan="7" valign="top"><div align="center"><img src="kit/bandeau.jpg" width="943" height="124"></div></td></tr>
		<td width="161" valign="top"><img src="kit/menu01.jpg" width="161" height="26"></td>
		<td width="117" valign="top"><img src="kit/menu02.jpg" width="117" height="26"></td>
		<td width="111" valign="top"><img src="kit/menu03.jpg" width="111" height="26"></td>
		<td width="117" valign="top"><img src="kit/menu04.jpg" width="117" height="26"></td>
		<td width="91"  valign="top"><img src="kit/menu05.jpg" width="91" height="26"></td>
		<td width="79"  valign="top"><img src="kit/menu06.jpg" width="79" height="26"></td>
		<td width="253" valign="middle" bgcolor="#b60162" >
			<table cellpadding="0" cellspacing="0" border="0">
				<tr><td><img src="kit/menu07.jpg" width="90" class="img" height="26"></td>
					<td width="5"></td>
					<td><input type="text" class=mailinglist maxlength=15 name="recherche" id="recherche" value="" /></td>
					<td width="5"></td>
					<td><INPUT TYPE="image" width="16" height="16" NAME="envoyer" SRC="kit/envoyer.jpg" BORDER=0></td></tr></table>
</td></tr></table>
</form>
</body>


En rangeant ton code jai vu ke tu avais oublié un </tr>, ce netait pas ca la cause du pb, mais range bien ton code pour eviter ce genre de pb Smiley cligne
Bpnjour gegen

gegen a écrit :


Voila une code simple parmis tant d'autres :


Pourrais-tu, quand tu interviens, veiller s'il te plaît à proposer des codes valides et accessibles ?

Ce que tu indique ci-dessus est très loin des exigences de base de ce forum (alternatives textuelles des éléments graphiques, par exemple).
Modifié par Laurent Denis (24 Aug 2006 - 12:00)
Laurent Denis a écrit :
Bpnjour gegen



Pourrais-tu, quand tu interviens, veiller s'il te plaît à proposer des codes valides et accessibles ?

Ce que tu indique ci-dessus est très loin des exigences de base de ce forum (alternatives textuelles des éléments graphiques, par exemple).


Tres bien... je voulais simplement lui permettre d'afficher sa table selon ses souhaits, sans pour autant tout lui recoder...
Sujet clos
Aller à