Theme CSS

Bonjour,
Salut, j'aimerais faire pour mon site un thème, j'ai trouvé ce thème sur un site gratuit en PSD.

<image>http://img15.hostingpics.net/pics/722454caferestaurant.jpg</image>

Je n'arrive pas a faire le truc au milieu, ou il y a les articles, le menu... Voici mon code
<code type="html">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Gest-Equestrian</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="http://gest-equestrian.craym.eu/demo/css/design.css" />
</head>
<body>
<div style="background:url(http://gest-equestrian.craym.eu/demo/images/head.png) no-repeat;height: 250px; width: 100%"><center><a href="#"><img src="images/votre_logo.png" alt="Gest-Equestrian"/></a></center></div>
<p> Vous pouvez vous pr?-inscrire, vos informations seront transmises au responsable(s) du centre ?questres. Vous devez remplir tout les champs.</p><br/>
<p>Vous pouvez choisir votre login.La cl? OPII et votre mot de passe, vous pourrez directement acc?d? a votre compte pour suivre votre dossier.</p>
<label>Nom: <input type="text" name="nom"/></label><br/>
<label>Pr?nom: <input type="text" name="prenom"/></label><br/>
<label>Date de naissance: <input type="text" name="dtn"/></label><br/>
<label>Tuteur L?gal: <input type="text" name="tuteur"/></label><br/>
<label>T?l?phone: <input type="text" name="phone"/></label><br/>
<label>Adresse:</label><textarea name="adresse"/></textarea><br/>
<label>Sexe:</label>
<select name="sexe" id="sexe">
<option value="h">Masculin</option>
<option value="f">F?minin</option>
<label>Email: <input type="text" name="email"/></label><br/>
<label>Login: <input type="text" name="login"/></label><br/>
<label>Cl? OPII: <input type="text" name="opii"/></label><br/>
<input name="code" type="text" readonly="readonly" value="6277254" /><br/>
<input type='submit' value='validez' /><br />
</div>
</body>
</html>
</code>
<code type="css">
body{
color:black;
background-image:url(http://gest-equestrian.craym.eu/demo/images/body.png);
}
content{
margin-left:317px;
margin-right:317px;
margin-top:167px;
background-color:black;
}
</code>

Merci.

1 réponse

  1. Il te suffit simplement de rajouter des div qui enveloppe le corps de ta page.
    Ceci devrait pouvoir t'avancer, et grâce à ça tu devrais réussir à faire le reste : (Je n'ai pas resortie les images, hein, j'ai mis un background-color, tu devras donc le remplacer par la bonne couleurs ou la bonne image)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    
    <head> 
    <title>Gest-Equestrian</title> 
    <meta charset="utf-8" /> 
    <link rel="stylesheet" type="text/css" href="http://gest-equestrian.craym.eu/demo/css/design.css" /> 
    <style>
    #main{
    width: 800px;
    margin: auto;
    background-color: #E6DCBD;
    position: relative;
    top: -60px;
    }
    #menu{background-color:#C4B997;border:dotted 1px #494646;}
    #content{border:dotted 1px #494646;width:98%;margin: auto;}
    </style>
    </head> 
    <body> 
    
    <div style="background:url(http://gest-equestrian.craym.eu/demo/images/head.png) no-repeat;height: 250px; width: 100%"><center><a href="#"><img src="images/votre_logo.png" alt="Gest-Equestrian"/></a></center></div> 
    <div id="main">
    <div id="menu"><a href="/">Accueil</a> &nbsp;&nbsp; <a>...</a></div>
    <div id="content">
    <p> Vous pouvez vous pr?-inscrire, vos informations seront transmises au responsable(s) du centre ?questres. Vous devez remplir tout les champs.</p><br/> 
    <p>Vous pouvez choisir votre login.La cl? OPII et votre mot de passe, vous pourrez directement acc?d? a votre compte pour suivre votre dossier.</p> 
    <label>Nom: <input type="text" name="nom"/></label><br/> 
    <label>Pr?nom: <input type="text" name="prenom"/></label><br/> 
    <label>Date de naissance: <input type="text" name="dtn"/></label><br/> 
    <label>Tuteur L?gal: <input type="text" name="tuteur"/></label><br/> 
    <label>T?l?phone: <input type="text" name="phone"/></label><br/> 
    <label>Adresse:</label><textarea name="adresse"/></textarea><br/> 
    <label>Sexe:</label> 
    <select name="sexe" id="sexe"> 
    <option value="h">Masculin</option> 
    <option value="f">F?minin</option> 
    <label>Email: <input type="text" name="email"/></label><br/> 
    <label>Login: <input type="text" name="login"/></label><br/> 
    <label>Cl? OPII: <input type="text" name="opii"/></label><br/> 
    <input name="code" type="text" readonly="readonly" value="6277254" /><br/> 
    <input type='submit' value='validez' /><br />	
    </div>
    </div>	
    </div>	
    </body> 
    </html>