Discussion :

[PadaBen]

j'ai dans un formulaire bien évidement des balises input et textarea, ma DA, me demande de faire disparaitre la bordure et le fond du champ

Comment faire, j'ai bien évidement en CSS modifié mes balises pour le fond, quoique le mode "transparent ne fonctionne pas !!
déjà si vous avez des infos pour cela , je les veux bien

Ensuite en ce qui concerne les bordures, qui montrent une profondeur de champ, je voudrais donc les faire disparaitre, mais je n'ai rien trouvé à ce sujet, en css2, il existe "outline-color" ou bien "empty-cells faisant appel à hide, mais en les intégrand comme ceci :

<input name="commentair" style="width:150px; height:250px; font-size:10px; empty-cells:hide" />
cela ne fonctione pas non plus !

Merci de votre aide,

Pb

[Tdeny]

Bonjour, tu pourrais mettre ton code en exemple et expliquer un peu mieux.
:
Merci.j'ai dans un formulaire bien évidement des balises input et textarea, ma DA, me demande de faire disparaitre la bordure et le fond du champ
Lequel ?

quoique le mode "transparent ne fonctionne pas !! pourquoi faire ?

Ensuite en ce qui concerne les bordures, qui montrent une profondeur de champ, je voudrais donc les faire disparaitre, mais je n'ai rien trouvé à ce sujet, en css2, il existe "outline-color" ou bien "empty-cells faisant appel à hide, mais en les intégrand comme ceci : Quelles bordures ?

[PadaBen]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form enctype="text/plain" name="formulaire" method="post" action="infos.php">
  			<table>
				<td width="164">
				<tr>
				  <td>Nom : <input name="nom" type="text" size="20" id="nom" style="width:68px; height:10px; font-size:10px;"></td>
				</tr>
				<tr>
				  <td>Pr&eacute;nom : 
				    <input name="pre" type="text" size="16" id="pre" style="width:52px; height:10px; font-size:10px;" /></td>
				</tr>
				<tr>
				  <td>e-mail : 
				  <input name="mail" type="text" size="18" id="mail" style="width:60px; height:10px;font-size:10px;" /></td>
				</tr>
<tr>
<td><textarea name="com" cols="15" rows="20"></textarea>
</td></tr>
</table>
</form>

Admettons cet exemple de formulaire ,
Est il possible dans les champs des balises input et textarea d'enlever les contours et les fonds, par exemple pour y mettre un autre fond, ou un fond transparent et des bordures transparentes ou meme inexistantes..

voilà j'espere que cela peut vous aider !!

merci

Balise code ajoutée par giminik

[giminik]

Salut,
La prochaine fois, pense à utiliser la balise CODE.
Essaie avec border:none; pour supprimer la bordure.
Pour la couleur de fond, utilise background-color:transparent; ça devrait marcher.

[masu]

les proprietes border et background ne posent pas de probleme avec les balises de formulaire input et textarea

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
input, textarea {
border: 0;
background: transparent;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form enctype="text/plain" name="formulaire" method="post" action="infos.php">
  			<table>
				<td width="164">
				<tr>
				  <td>Nom : <input name="nom" type="text" id="nom" style="width:68px; height:10px; font-size:10px;" value="nom" size="20"></td>
				</tr>
				<tr>
				  <td>Pr&eacute;nom : 
				    <input name="pre" type="text" id="pre" style="width:52px; height:10px; font-size:10px;" value="prenom" size="16" /></td>
				</tr>
				<tr>
				  <td>e-mail : 
				  <input name="mail" type="text" id="mail" style="width:60px; height:10px;font-size:10px;" value="email" size="18" /></td>
				</tr>
<tr>
<td><textarea name="com" cols="15" rows="20">textarea</textarea>
</td></tr>
</table>
</form>

[PadaBen]

Effectivement ce marche tres bien, j'avais pourtant essayé il me semble , cela ne devait pas etre la bonne syntaxe !!

Merci à tous

et @ bientot pour de nouvelles avantures !!

PB