28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite faire un formulaire où la taille des champs soit fixe que se soit pour les <input> ou les <select>.


voici mon code :
<html>
	<head>
		<title>titre</title>
		<style type='text/css'>
			.admin_form {
				border: 1px solid #A4ABC1;
				background-color: #DDE0F0;	
				width:15em;
			}
		</style>
	</head>
	<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
		<form name="AdminUserForm" method="post" action="/COMPIL/DoAddUser.st" onsubmit="return AdminUserFormSubmit()">
			<table cellspacing="0" cellpadding="2" width="90%" class="panneau" border="1">
				<tr>
		
					<th colspan="2" class="titreTableau">Ajout d'un nouveau utilisateur</th>
				</tr>
				<tr>
					<td>Nom</td>
					<td><input type="text" name="user_name" value="" class="admin_form"></td>
				</tr>
				<tr>
					<td>Prénom</td>
		
					<td><input type="text" name="user_firstName" value="" class="admin_form"></td>
				</tr>
				<tr>
					<td>Langue</td>
					<td>
						<select name="user_langID" class="admin_form" id="user_langID">
							<option value="">&nbsp;</option>
							<option value="34">espagnol&nbsp;</option>	
							<option value="1">français&nbsp;</option>	
						</select>
					</td>
				</tr>
				<tr>
					<td>Fonction</td>
					<td>
						<select name="user_function" class="admin_form" id="user_function">
							<option value="" selected="selected">&nbsp;</option>			
							<option value="3">responsable de la surveillance des siestes</option>	
							<option value="14">responsable de qualité des fournitures de bureau</option>	
							<option value="15">responsable maintenance des trucs cassés</option>				</select>
					</td>
				</tr>
				<tr>
					<td colspan="2" valign="bottom" style="text-align:center;">
						<input type="submit" value="Enregistrer" class="flatButton">
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>


cela marche très bien sous firefox mais pas sous IE quelqu'un pourrait m'aider ???

Merci

Poich
Salut,

J'ai pas regardé le code mais j'ai envie de dire, et je le dis :
Est-e que firefox n'ignore tout simplement pas la taille pour ajuster le select à la longueur du texte ?
ça veut dire qu'il est impossible de faire des champs de formulaires de la même taille ??? Smiley bawling
j'ai l'impression que les champs sont bien de la même taille, sauf que quand tu scroll le contenu sous Firefox, il à la gentillesse de te montrer les lignes entières (pratique pour lire : ) )

la solution serait alors de n'afficher que les (x) premiers cacactères dans ton select.

mais bon ... illisible
Flyman30 a écrit :
Regarde ça : http://pixy.cz/blogg/clanky/css-fieldsetandlabels.html


désolé mais je ne vois pas où ça peut m'aider ?!!
Smiley confus


ernstein a écrit :
j'ai l'impression que les champs sont bien de la même taille, sauf que quand tu scroll le contenu sous Firefox, il à la gentillesse de te montrer les lignes entières (pratique pour lire : ) )

la solution serait alors de n'afficher que les (x) premiers cacactères dans ton select.

mais bon ... illisible

Smiley eek Smiley eek c'est pas top comme solution !!