Bonjour, je suis débutant et j'ai effectué un tuto de formulaire animé du mag webdesign, et il y a surement quelquechose
que j'ai du loupé car le css n'apparait pas.
voici le code html:
et voici le css:
si vous pouvez m'eclairer, ce serait cool car la je sais plus quoi faire ....
que j'ai du loupé car le css n'apparait pas.
voici le code html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Contact Form</title>
<link rel="stylesheet"href="style.css>
</head>
<body>
<div id="wrap">
<h1>Ecrivez-nous !</h1>
<div id=form_wrap'>
<form>
<p>Cher Ami...</p>
<label for="email">Votre message:</label>
<textarea id="message"></textarea>
<p>Contact</p>
<label for="name">Nom:</label>
<input type="text" name="name" value=""id="name"/>
<label for="email">E-mail: </label>
<input type="text" name="email" value=""id=id="email"/>
<input type="submit" name="submit" value="Go ! Go ! Go !"/>
</form>
</div>
</div>
</body>
</html>et voici le css:
@charset "UTF-8";
/* CSS Document */
body, div, h1, h2, form, fielset, imput, textarea, #footer,p{
margin: 0;padding: 0; border: 0;outline: none; background:none;
}
body {background:: #ccc url("images/bg_out.png"); color: #7c7873;
font-family: "Courier New", Courier, serif;}
p {text-shadow: 0 1px 0 #fff; font-size:24px;}
#wrap {width:530px; margin:30px auto 0;}
h1 {margin-bottom:30px; text-align:center; font-size:48px; text-shadow:0 1px
0 #ede8d9; }
form {background:#f7f2ec url("images/letter_bg.png");
position:relative;top:200px;overflow:hidden;
height:200px; width:400px; margin:0px auto; padding:20px;
border: 1px solid #fff;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0px 0px 3px #9d9d9d;
-webkit-box-shadow: 0px 0px 3px #9d9d9d;
box-shadow: 0px 0px 3px #9d9d9d;
}
#form_wrap {overflow:hidden; height:446px; position:relative; top:0px;}
#form_wrap:before {content:url("images/before.png");
position:absolute;
bottom:128px;left:0px;
width:530px; height:316px;}
#form_wrap:after {content:url("images/after.png");
position:absolute;
bottom:0px;left:0px;
width:530px; height:260px;}
label {margin: 11px 20px 0 0;
font-size: 16px; color: #b3aba1;
text-transform: uppercase;
text-shadow:0px 1px 0px #fff;}
input[type=text], textarea {
font:14px normal uppercase "Courrier New" helvetica, arial,
sans-serif;
color:#7c7873
width:380px;height:36px; padding: 0px 10px; margin: 0 0 10px 0;
border:1px solid #f8f5f1;
border radius: 5px box-shadow: inset 0px 0px 1px
#b3a895;}
textarea {height: 80px; padding-top:14px;}
textarea:focus, input[type=text]:focus {background:rg
ba(255,255,255,.35);}
#form_wrap input[type=submit] {
position:relative;font-family:"Courier New";
font-size:24px;color: #7c7873;text-shadow:0 1px 0 #fff;
width:100%; text-align:center;opacity:0;
cursor:pointer;}
#form_wrap:hover {height:776px;top:-200px;}
#form_wrap:hover form {height:530px;}
#form_wrap:hover input[type=submit] {z-index:1;opacity:1;}
#form_wrap:hover input:hover[type=submit] {color:#435c70;}si vous pouvez m'eclairer, ce serait cool car la je sais plus quoi faire ....
