probleme mis en forme formulaire avec css
bonjour,
je suis entrain de mettre en forme mes formulaires en utilisant css, mais j'ai un gros soucis lors de la visualisation de mes modification,certain format sont pris en consideration mais la plus part non comme image de fond par exemple, voici le code , quesqu'il y a changer.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
|
<?
echo "<html>\n";
echo "<head>\n";
echo "<!-- VERSION: $version BUILD: $build -->\n";
if ( (strlen($phone_login)<2) or (strlen($phone_pass)<2) )
{
?>
<title> web client: Phone Login</title>\n";
<style type="text/css">
form fieldset
{
position:fixed;
width: 490px;
height:320px;
margin-top:10%;
margin-left:20%;
background-image:url("project/images modifiés/phone login.jpg");
background-repeat:no-repeat;
background-position:center;
border:thin;
}
form fieldset legend
{
padding: 0 10px;
border-left: #CCC 1px solid;
border-right: #CCC 1px solid;
font-size: 1.2em;
color: #000000;
}
form div.left {
width: 50%;
float: left;
margin-top:20%;
}
form div.left p
{
text-align: right;
margin-right: 30px;
}
form div.right
{
width: 50%;
float: left;
margin-top:20%;
}
.style1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
color: #FFFFFF;
}
</style>
</head>
<body>
<?
echo"<form ACTION=\"$agcPAGE\" METHOD=POST >";
echo"<INPUT TYPE=HIDDEN NAME=DB VALUE=\"$DB\">";
?>
<fieldset>
<legend >Formulaire d'Authentifiaction</legend>
<div class="left">
<p><span class="style2">
<label for="input1"><strong>Nom :</strong></label>
</span> </p>
<p> <span class="style2">
<label for="input2"><strong>Mot de passe nbsp;:</strong></label>
</span> </p>
</div>
<div class="right">
<p><input type="text" id="input1" name="nom" /></p>
<p><input type="password" id="input2" name="pass" /></p>
<p><INPUT TYPE=SUBMIT NAME=SUBMIT VALUE=SUBMIT></p>
</div>
</fieldset>
</FORM>
</body>
</html>
<?
exit;
} |
merci de votre aide