Bonjour à tous!
Je suis actuellement confronté à un petit soucis avec un formulaire en html. Pourtant j'en ai fait des formulaires. Mais là je ne vois fraiment pas ce qui cloche.
En fait, il s'agit d'un input non sélectionnable, et donc dans lequel on ne peu entrer aucune valeur.
Sous IE7, c'est seulement le premier champ qui ne fonctionne pas. Alors que pour Firefox 2.0 aucun champ n'est sélectionnable.
Voici mon code:
le html :
le css :
Merci d'avance pour vos réponses.
Modifié par arnaultp (25 Jul 2007 - 15:08)
Je suis actuellement confronté à un petit soucis avec un formulaire en html. Pourtant j'en ai fait des formulaires. Mais là je ne vois fraiment pas ce qui cloche.
En fait, il s'agit d'un input non sélectionnable, et donc dans lequel on ne peu entrer aucune valeur.
Sous IE7, c'est seulement le premier champ qui ne fonctionne pas. Alors que pour Firefox 2.0 aucun champ n'est sélectionnable.
Voici mon code:
le html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css/ajouter_rubrique.css" />
<title> Agrandir l'envergure de la ! </title>
</head>
<body>
<div id="menutop">
<p> <a id="menutop_accueil" href="http://localhost/sodedat/index.html"><abbr title="Retour à la page d'accueil">Accueil</abbr></a> </p>
<p> <input id="menutop_search_intranet" type="text" name="search_intranet" value="intranet"/> </p>
<p> <input id="menutop_search_google" type="text" name="search_google" value="google"/> </p>
</div>
<div id="rubrique_formulaire">
<h1 id="rubrique_form_title">Agrandir l'envergure de la !</h1>
<form id="rubrique_form" enctype="multipart/form-data" method="post" action="http://localhost/sodedat/ajouter_rubrique.php">
<fieldset>
<span>Informations sur la rubrique</span>
<p>
<label id="rubrique_label_truc" for="truc"><abbr title="Le titre de la rubrique">Titre :</abbr></label>
<input id="rubrique_truc" type="text" name="truc" value="" tabindex="1" />
</p>
<p>
<label id="rubrique_label_titre" for="titre"> <abbr title="coucou"> Titre: </abbr> </label>
<input id="rubrique_titre" type="text" name="titre" value="" tabindex="5"/>
</p>
<p>
<label id="rubrique_label_image" for="image"><abbr title="Sélectionnez l'image qui représentera la rubrique">Lien vers l'image :</abbr></label>
<input id="rubrique_image" type="text" name="image" value="" tabindex="2" />
</p>
<p>
<label id="rubrique_label_description" for="description"> Description : </label>
<input id="rubrique_description" name="description" tabindex="3" />
</p>
<p class="submit"><input id="rubrique_submit" type="submit" value="Ajouter"/></p>
</fieldset>
</form>
</div>
</body>
</html>
le css :
body
{
width : 1000px;
padding : 0px;
text-align : center;
background-color : rgb(214,214,173);
font : 0.8em "Trebuchet MS", helvetica, sans-serif;
}
#menutop
{
width : 100%;
text-align : right;
font-size : 1.2em;
position : fixed;
top : 100px;
right : 15px;
}
#menutop_accueil
{
text-decoration : none;
font-variant : small-caps;
cursor : hand;
}
#menutop a, #menutop input
{
margin-right : 10px;
}
#rubrique_formulaire
{
width : 50%;
margin : auto;
}
#rubrique_form_title
{
width : 100%;
margin : auto;
text-align : center;
border-bottom : 1px dotted black;
font-variant : small-caps;
font-size : 175%;
}
#rubrique_form
{
width : 100%;
margin : auto;
padding : 15px;
text-align : left;
}
#rubrique_form fieldset
{
border : 2px dotted white;
padding : 20px;
}
#rubrique_form span
{
font-size : 0.8em;
font-variant : small-caps;
padding : 2px;
border : 1px solid black;
position : relative;
top : -32px;
left : 50px;
background-color : rgb(214,214,173);
}
Merci d'avance pour vos réponses.
Modifié par arnaultp (25 Jul 2007 - 15:08)
,