J'ai un gros probleme avec mon site
Fermé
freebox67
Messages postés
278
Date d'inscription
vendredi 8 août 2008
Statut
Membre
Dernière intervention
16 octobre 2008
-
21 sept. 2008 à 11:33
I Help - 9 janv. 2011 à 11:07
I Help - 9 janv. 2011 à 11:07
A voir également:
- J'ai un gros probleme avec mon site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site pour vendre des objets d'occasion - Guide
- Site inaccessible - Guide
10 réponses
lunastix275
Messages postés
2864
Date d'inscription
dimanche 18 mai 2008
Statut
Membre
Dernière intervention
9 mai 2011
29
21 sept. 2008 à 11:38
21 sept. 2008 à 11:38
dsl de te le dire mais si tu na pas d'idée de thème sa sert mais vraiment vraiment a rien de vouloir en faire un.
superjojo01
Messages postés
459
Date d'inscription
jeudi 26 juin 2008
Statut
Membre
Dernière intervention
7 juin 2009
36
21 sept. 2008 à 11:39
21 sept. 2008 à 11:39
J ene mis connais pas des tonnes en css, mais j'ai un site web lol, je je te dit largement utilise Nvu :
https://www.01net.com/telecharger/windows/Internet/editeur_de_site/fiches/29699.html
https://www.01net.com/telecharger/windows/Internet/editeur_de_site/fiches/29699.html
freebox67
Messages postés
278
Date d'inscription
vendredi 8 août 2008
Statut
Membre
Dernière intervention
16 octobre 2008
31
21 sept. 2008 à 13:13
21 sept. 2008 à 13:13
c quoi?
InAme19
Messages postés
539
Date d'inscription
samedi 13 septembre 2008
Statut
Membre
Dernière intervention
29 novembre 2012
62
21 sept. 2008 à 13:32
21 sept. 2008 à 13:32
hum hum ^^
Tu te lance dans les tutos du sites du zero?? =)
c'est bien, c'est comme cela que l'on commence
Fais voir ton code HTML.
Amicalement
Tu te lance dans les tutos du sites du zero?? =)
c'est bien, c'est comme cela que l'on commence
Fais voir ton code HTML.
Amicalement
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
freebox67
Messages postés
278
Date d'inscription
vendredi 8 août 2008
Statut
Membre
Dernière intervention
16 octobre 2008
31
21 sept. 2008 à 19:47
21 sept. 2008 à 19:47
sa marche pas 0 px
Mastaz
Messages postés
65
Date d'inscription
jeudi 8 mai 2008
Statut
Membre
Dernière intervention
23 février 2012
8
21 sept. 2008 à 22:02
21 sept. 2008 à 22:02
Vire tous les "border:" et après tu les remettra où il fallait qu'ils soient.
freebox67
Messages postés
278
Date d'inscription
vendredi 8 août 2008
Statut
Membre
Dernière intervention
16 octobre 2008
31
22 sept. 2008 à 16:50
22 sept. 2008 à 16:50
mon code entier c <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple du Site du Zér0</title>
<link rel="icon" type="image/ico" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
https://openclassrooms.com/fr/
*/
body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("fond.png");
}
/* L'en-tête */
#en_tete
{
width:760px;
height:100px;
background-image:url("banniere.jpg");
background-repeat:no-repeat;
margin-bottom:10px;
}
/* Le menu */
#menu
{
float:left;
width:120px;
}
.element_menu
{
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;
border:1px solid black;
margin-bottom:20px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
color:#B3B3B3;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
text-align:center;
}
.element_menu ul
{
list-style-image:url("puce.png");
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
.element_menu a
{
color:#B3B3B3;
}
.element_menu a:hover
{
background-color:#B3B3B3;
color:black;
}
/* Le corps de la page */
#corps
{
margin-left:140px;
margin-bottom:20px;
padding:5px;
color:#B3B3B3;
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;
border:1px solid black;
}
#corps h1
{
color:#B3B3B3;
text-align:center;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height:30px;
background-image:url("Sanstitre1.png");
background-repeat:no-repeat;
padding-left:30px;
color:#B3B3B3;
text-align:left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
padding:5px;
text-align:center;
color:#B3B3B3;
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;
border:1px solid black;
}
input, textarea
{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #FFFF99;
}
label
{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #696969;
font-weight: bold;
}
fieldset
{
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
background-color: #696969;
}
#onglets
{
font : bold 11px Batang, arial, serif;
list-style-type : none;
padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
border-bottom : 1px solid #9EA0A1;
margin-left : 0;
}
</style>
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<div id="menu">
<ul id="onglets">
<li class="active"><a href="Accueil.html"> Accueil </a></li>
<li><a href="Forums.html"> Forums </a></li>
<li><a href="Livre_or.html"> Livre d'or </a></li>
<li><a href="Equipe.html"> L'équipe </a></li>
<li><a href="Inscription.html"> S'inscrire </a></li>
<li><a href="Connexion.html"> Se connecter </a></li>
</ul>
</div>
<h3>Titre menu</h3>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
</div>
<div id="corps">
<h1>Mon site</h1>
<p>
Bienvenue sur mon site !<br />
j'ai fais se site juste pour voir l'hebrgeur
</p>
<h2>inscription</h2>
<p>
enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br />
</p>
</div>
<div id="pied_de_page">
<p>Denis</p>
</div>
<form method="post" action="traitement.php">
<p>
<label for="ameliorer">Comment pensez-vous que je pourrais améliorer mon site ?</label><br />
<textarea name="ameliorer" id="ameliorer" rows="10" cols="50"></textarea>
</p>
</form>
<form method="post" action="traitement.php">
<p>
Cochez les aliments que vous aimez manger :<br />
<input type="checkbox" name="frites" id="frites" /> <label for="frites">Frites</label><br />
<input type="checkbox" name="steak" id="steak" /> <label for="steak">Steak haché</label><br />
<input type="checkbox" name="epinards" id="epinards" checked="checked" /> <label for="epinards">Epinards</label><br />
<input type="checkbox" name="huitres" id="huitres" /> <label for="huitres">Huitres</label>
</p>
</form>
<form method="post" action="traitement.php">
<p>
Veuillez indiquer la tranche d'âge dans laquelle vous vous situez :<br />
<input type="radio" name="age" value="moins15" id="moins15" /> <label for="moins15">Moins de 15 ans</label><br />
<input type="radio" name="age" value="15-25" id="15-25" /> <label for="15-25">15-25 ans</label><br />
<input type="radio" name="age" value="25-40" id="25-40" /> <label for="25-40">25-40 ans</label><br />
<input type="radio" name="age" value="plus40" id="plus40" /> <label for="plus40">Encore plus vieux que ça ?!</label>
</p>
<p>
Sur quel continent habitez-vous ?<br />
<input type="radio" name="continent" value="europe" id="europe" /> <label for="europe">Europe</label><br />
<input type="radio" name="continent" value="afrique" id="afrique" /> <label for="afrique">Afrique</label><br />
<input type="radio" name="continent" value="asie" id="asie" /> <label for="asie">Asie</label><br />
<input type="radio" name="continent" value="amerique" id="amerique" /> <label for="amerique">Amérique</label><br />
<input type="radio" name="continent" value="australie" id="australie" /> <label for="australie">Australie</label>
</p>
</form>
<form method="post" action="traitement.php">
<p>
<label for="pays">Dans quel pays habitez-vous ?</label><br />
<select name="pays" id="pays">
<optgroup label="Europe">
<option value="france">France</option>
<option value="espagne">Espagne</option>
<option value="italie">Italie</option>
<option value="royaume-uni">Royaume-Uni</option>
</optgroup>
<optgroup label="Amérique">
<option value="canada">Canada</option>
<option value="etats-unis">Etats-Unis</option>
</optgroup>
<optgroup label="Asie">
<option value="chine">Chine</option>
<option value="japon">Japon</option>
</optgroup>
</select>
</p>
</form>
<form method="post" action="traitement.php">
<p>
<label for="nom">Quel est votre nom ?</label><br />
<input type="text" name="nom" id="nom" tabindex="10" /><br />
<label for="prenom">Quel est votre prénom ?</label><br />
<input type="text" name="prenom" id="prenom" tabindex="20" /><br />
<label for="email">Quel est votre e-mail ?</label><br />
<input type="text" name="email" id="email" tabindex="30" /><br />
<label for="recherche">Que recherchez-vous sur ce site ? <em>(raccourci : R)</em></label><br />
<input type="text" name="recherche" id="recherche" tabindex="30" accesskey="R" />
</p>
</form>
<form method="post" action="traitement.php">
<fieldset>
<legend>Vos coordonnées</legend> <!-- Titre du fieldset -->
<label for="nom">Quel est votre nom ?</label><br />
<input type="text" name="nom" id="nom" tabindex="10" /><br />
<label for="prenom">Quel est votre prénom ?</label><br />
<input type="text" name="prenom" id="prenom" tabindex="20" /><br />
<label for="email">Quel est votre e-mail ?</label><br />
<input type="text" name="email" id="email" tabindex="30" /><br />
</fieldset>
<fieldset>
<legend>Votre souhait</legend> <!-- Titre du fieldset -->
<p>
Faites un souhait que vous voudriez voir exaucé :<br />
<input type="radio" name="souhait" value="riche" id="riche" tabindex="40" /> <label for="riche">Etre riche</label><br />
<input type="radio" name="souhait" value="celebre" id="celebre" tabindex="50" /> <label for="celebre">Etre célèbre</label><br />
<input type="radio" name="souhait" value="intelligent" id="intelligent" tabindex="60" /> <label for="intelligent">Etre <strong>encore</strong> plus intelligent</label><br />
<input type="radio" name="souhait" value="autre" id="autre" tabindex="70" /> <label for="autre">Autre...</label><br />
</p>
<p>
<label for="precisions">Si "Autre", veuillez préciser :</label><br />
<textarea name="precisions" id="precisions" cols="40" rows="4" tabindex="80"></textarea>
</p>
</fieldset>
</form>
<p>
<input type="submit" /> <input type="reset" />
</p>
</form>
<form m<form method="post" action="traitement.php">
<p>
<label for="pseudo">Votre pseudo :</label>
<input type="text" name="pseudo" id="pseudo" value="freebox67" />
<br />
<label for="pass">Votre mot de passe :</label>
<input type="password" name="pass" id="pass" />
</p>
</body>
</html>
dis moi stp c quoi le probleme
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple du Site du Zér0</title>
<link rel="icon" type="image/ico" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
https://openclassrooms.com/fr/
*/
body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("fond.png");
}
/* L'en-tête */
#en_tete
{
width:760px;
height:100px;
background-image:url("banniere.jpg");
background-repeat:no-repeat;
margin-bottom:10px;
}
/* Le menu */
#menu
{
float:left;
width:120px;
}
.element_menu
{
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;
border:1px solid black;
margin-bottom:20px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
color:#B3B3B3;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
text-align:center;
}
.element_menu ul
{
list-style-image:url("puce.png");
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
.element_menu a
{
color:#B3B3B3;
}
.element_menu a:hover
{
background-color:#B3B3B3;
color:black;
}
/* Le corps de la page */
#corps
{
margin-left:140px;
margin-bottom:20px;
padding:5px;
color:#B3B3B3;
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;
border:1px solid black;
}
#corps h1
{
color:#B3B3B3;
text-align:center;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height:30px;
background-image:url("Sanstitre1.png");
background-repeat:no-repeat;
padding-left:30px;
color:#B3B3B3;
text-align:left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
padding:5px;
text-align:center;
color:#B3B3B3;
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;
border:1px solid black;
}
input, textarea
{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #FFFF99;
}
label
{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #696969;
font-weight: bold;
}
fieldset
{
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
background-color: #696969;
}
#onglets
{
font : bold 11px Batang, arial, serif;
list-style-type : none;
padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
border-bottom : 1px solid #9EA0A1;
margin-left : 0;
}
</style>
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<div id="menu">
<ul id="onglets">
<li class="active"><a href="Accueil.html"> Accueil </a></li>
<li><a href="Forums.html"> Forums </a></li>
<li><a href="Livre_or.html"> Livre d'or </a></li>
<li><a href="Equipe.html"> L'équipe </a></li>
<li><a href="Inscription.html"> S'inscrire </a></li>
<li><a href="Connexion.html"> Se connecter </a></li>
</ul>
</div>
<h3>Titre menu</h3>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
</div>
<div id="corps">
<h1>Mon site</h1>
<p>
Bienvenue sur mon site !<br />
j'ai fais se site juste pour voir l'hebrgeur
</p>
<h2>inscription</h2>
<p>
enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br />
</p>
</div>
<div id="pied_de_page">
<p>Denis</p>
</div>
<form method="post" action="traitement.php">
<p>
<label for="ameliorer">Comment pensez-vous que je pourrais améliorer mon site ?</label><br />
<textarea name="ameliorer" id="ameliorer" rows="10" cols="50"></textarea>
</p>
</form>
<form method="post" action="traitement.php">
<p>
Cochez les aliments que vous aimez manger :<br />
<input type="checkbox" name="frites" id="frites" /> <label for="frites">Frites</label><br />
<input type="checkbox" name="steak" id="steak" /> <label for="steak">Steak haché</label><br />
<input type="checkbox" name="epinards" id="epinards" checked="checked" /> <label for="epinards">Epinards</label><br />
<input type="checkbox" name="huitres" id="huitres" /> <label for="huitres">Huitres</label>
</p>
</form>
<form method="post" action="traitement.php">
<p>
Veuillez indiquer la tranche d'âge dans laquelle vous vous situez :<br />
<input type="radio" name="age" value="moins15" id="moins15" /> <label for="moins15">Moins de 15 ans</label><br />
<input type="radio" name="age" value="15-25" id="15-25" /> <label for="15-25">15-25 ans</label><br />
<input type="radio" name="age" value="25-40" id="25-40" /> <label for="25-40">25-40 ans</label><br />
<input type="radio" name="age" value="plus40" id="plus40" /> <label for="plus40">Encore plus vieux que ça ?!</label>
</p>
<p>
Sur quel continent habitez-vous ?<br />
<input type="radio" name="continent" value="europe" id="europe" /> <label for="europe">Europe</label><br />
<input type="radio" name="continent" value="afrique" id="afrique" /> <label for="afrique">Afrique</label><br />
<input type="radio" name="continent" value="asie" id="asie" /> <label for="asie">Asie</label><br />
<input type="radio" name="continent" value="amerique" id="amerique" /> <label for="amerique">Amérique</label><br />
<input type="radio" name="continent" value="australie" id="australie" /> <label for="australie">Australie</label>
</p>
</form>
<form method="post" action="traitement.php">
<p>
<label for="pays">Dans quel pays habitez-vous ?</label><br />
<select name="pays" id="pays">
<optgroup label="Europe">
<option value="france">France</option>
<option value="espagne">Espagne</option>
<option value="italie">Italie</option>
<option value="royaume-uni">Royaume-Uni</option>
</optgroup>
<optgroup label="Amérique">
<option value="canada">Canada</option>
<option value="etats-unis">Etats-Unis</option>
</optgroup>
<optgroup label="Asie">
<option value="chine">Chine</option>
<option value="japon">Japon</option>
</optgroup>
</select>
</p>
</form>
<form method="post" action="traitement.php">
<p>
<label for="nom">Quel est votre nom ?</label><br />
<input type="text" name="nom" id="nom" tabindex="10" /><br />
<label for="prenom">Quel est votre prénom ?</label><br />
<input type="text" name="prenom" id="prenom" tabindex="20" /><br />
<label for="email">Quel est votre e-mail ?</label><br />
<input type="text" name="email" id="email" tabindex="30" /><br />
<label for="recherche">Que recherchez-vous sur ce site ? <em>(raccourci : R)</em></label><br />
<input type="text" name="recherche" id="recherche" tabindex="30" accesskey="R" />
</p>
</form>
<form method="post" action="traitement.php">
<fieldset>
<legend>Vos coordonnées</legend> <!-- Titre du fieldset -->
<label for="nom">Quel est votre nom ?</label><br />
<input type="text" name="nom" id="nom" tabindex="10" /><br />
<label for="prenom">Quel est votre prénom ?</label><br />
<input type="text" name="prenom" id="prenom" tabindex="20" /><br />
<label for="email">Quel est votre e-mail ?</label><br />
<input type="text" name="email" id="email" tabindex="30" /><br />
</fieldset>
<fieldset>
<legend>Votre souhait</legend> <!-- Titre du fieldset -->
<p>
Faites un souhait que vous voudriez voir exaucé :<br />
<input type="radio" name="souhait" value="riche" id="riche" tabindex="40" /> <label for="riche">Etre riche</label><br />
<input type="radio" name="souhait" value="celebre" id="celebre" tabindex="50" /> <label for="celebre">Etre célèbre</label><br />
<input type="radio" name="souhait" value="intelligent" id="intelligent" tabindex="60" /> <label for="intelligent">Etre <strong>encore</strong> plus intelligent</label><br />
<input type="radio" name="souhait" value="autre" id="autre" tabindex="70" /> <label for="autre">Autre...</label><br />
</p>
<p>
<label for="precisions">Si "Autre", veuillez préciser :</label><br />
<textarea name="precisions" id="precisions" cols="40" rows="4" tabindex="80"></textarea>
</p>
</fieldset>
</form>
<p>
<input type="submit" /> <input type="reset" />
</p>
</form>
<form m<form method="post" action="traitement.php">
<p>
<label for="pseudo">Votre pseudo :</label>
<input type="text" name="pseudo" id="pseudo" value="freebox67" />
<br />
<label for="pass">Votre mot de passe :</label>
<input type="password" name="pass" id="pass" />
</p>
</body>
</html>
dis moi stp c quoi le probleme
Mastaz
Messages postés
65
Date d'inscription
jeudi 8 mai 2008
Statut
Membre
Dernière intervention
23 février 2012
8
22 sept. 2008 à 20:55
22 sept. 2008 à 20:55
Perso, Il n'y a pas de problèmes de "lignes" en trop avec le code que tu a filé...
Mais après c'est sur que y a du boulot mais vu que je sais pas moi comment tu veux faire ton site, tout ce que je peux faire pour toi qui me paraitrai mieu est de centrer ton "pied_de_page"
J'ai pas regardé tout le code, mais il reste encore pas mal à faire ^^' mais c'est toujours mieux lol, mais après je n'ai pas tes images donc je c'est pas si tes "lignes" bizares viennent de là... :S
Mais après c'est sur que y a du boulot mais vu que je sais pas moi comment tu veux faire ton site, tout ce que je peux faire pour toi qui me paraitrai mieu est de centrer ton "pied_de_page"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Exemple du Site du Zér0</title> <link rel="icon" type="image/ico" href="favicon.ico" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> /* Design d'exemple du Site du Zér0 Réalisé par zaz, venom et mateo21 https://openclassrooms.com/fr/ */ body { width:760px; margin:auto; margin-top:20px; margin-bottom:20px; background-image:url("fond.png"); } /* L'en-tête */ #en_tete { width:760px; height:100px; background-image:url("banniere.jpg"); background-repeat:no-repeat; margin-bottom:10px; } /* Le menu */ #menu { float:left; width:120px; } .element_menu { background-color:#626262; background-image:url("motif.bmp"); background-repeat:repeat-x; border:1px solid black; margin-bottom:20px; } /* Quelques effets sur les menus */ .element_menu h3 { color:#B3B3B3; font-family:Arial, "Arial Black", "Times New Roman", Times, serif; text-align:center; } .element_menu ul { list-style-image:url("puce.png"); padding:0px; padding-left:20px; margin:0px; margin-bottom:5px; } .element_menu a { color:#B3B3B3; } .element_menu a:hover { background-color:#B3B3B3; color:black; } /* Le corps de la page */ #corps { margin-left:140px; margin-bottom:20px; padding:5px; color:#B3B3B3; background-color:#626262; background-image:url("motif.bmp"); background-repeat:repeat-x; border:1px solid black; } #corps h1 { color:#B3B3B3; text-align:center; font-family:Arial, "Arial Black", "Times New Roman", Times, serif; } #corps h2 { height:30px; background-image:url("Sanstitre1.png"); background-repeat:no-repeat; padding-left:30px; color:#B3B3B3; text-align:left; } /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */ #pied_de_page { width:608px; padding:5px; margin-left:140px; text-align:center; color:#B3B3B3; background-color:#626262; background-image:url("motif.bmp"); background-repeat:repeat-x; border:1px solid black; } input, textarea { font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */ } input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */ { background-color: #FFFF99; } label { color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */ } legend /* On met un peu plus en valeur les titres des fieldset */ { font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif; color: #696969; font-weight: bold; } fieldset { margin-bottom: 15px; /* Une marge pour séparer les fieldset */ background-color: #696969; } #onglets { font : bold 11px Batang, arial, serif; list-style-type : none; padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */ border-bottom : 1px solid #9EA0A1; margin-left : 0; } </style> </head> <body> <div id="en_tete"> </div> <div id="menu"> <div class="element_menu"> <div id="menu"> <ul id="onglets"> <li class="active"><a href="Accueil.html"> Accueil </a></li> <li><a href="Forums.html"> Forums </a></li> <li><a href="Livre_or.html"> Livre d'or </a></li> <li><a href="Equipe.html"> L'équipe </a></li> <li><a href="Inscription.html"> S'inscrire </a></li> <li><a href="Connexion.html"> Se connecter </a></li> </ul> </div> <h3>Titre menu</h3> <ul> <li><a href="page1.html">Lien</a></li> <li><a href="page2.html">Lien</a></li> <li><a href="page3.html">Lien</a></li> </ul> </div> <div class="element_menu"> <h3>Titre menu</h3> <ul> <li><a href="page4.html">Lien</a></li> <li><a href="page5.html">Lien</a></li> <li><a href="page6.html">Lien</a></li> </ul> </div> </div> <div id="corps"> <h1>Mon site</h1> <p> Bienvenue sur mon site !<br /> j'ai fais se site juste pour voir l'hebrgeur </p> <h2>inscription</h2> <p> enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br /> </p> </div> <div id="pied_de_page"> <p>Denis</p> </div> <form method="post" action="traitement.php"> <p> <label for="ameliorer">Comment pensez-vous que je pourrais améliorer mon site ?</label><br /> <textarea name="ameliorer" id="ameliorer" rows="10" cols="50"></textarea> </p> </form> <form method="post" action="traitement.php"> <p> Cochez les aliments que vous aimez manger :<br /> <input type="checkbox" name="frites" id="frites" /> <label for="frites">Frites</label><br /> <input type="checkbox" name="steak" id="steak" /> <label for="steak">Steak haché</label><br /> <input type="checkbox" name="epinards" id="epinards" checked="checked" /> <label for="epinards">Epinards</label><br /> <input type="checkbox" name="huitres" id="huitres" /> <label for="huitres">Huitres</label> </p> </form> <form method="post" action="traitement.php"> <p> Veuillez indiquer la tranche d'âge dans laquelle vous vous situez :<br /> <input type="radio" name="age" value="moins15" id="moins15" /> <label for="moins15">Moins de 15 ans</label><br /> <input type="radio" name="age" value="15-25" id="15-25" /> <label for="15-25">15-25 ans</label><br /> <input type="radio" name="age" value="25-40" id="25-40" /> <label for="25-40">25-40 ans</label><br /> <input type="radio" name="age" value="plus40" id="plus40" /> <label for="plus40">Encore plus vieux que ça ?!</label> </p> <p> Sur quel continent habitez-vous ?<br /> <input type="radio" name="continent" value="europe" id="europe" /> <label for="europe">Europe</label><br /> <input type="radio" name="continent" value="afrique" id="afrique" /> <label for="afrique">Afrique</label><br /> <input type="radio" name="continent" value="asie" id="asie" /> <label for="asie">Asie</label><br /> <input type="radio" name="continent" value="amerique" id="amerique" /> <label for="amerique">Amérique</label><br /> <input type="radio" name="continent" value="australie" id="australie" /> <label for="australie">Australie</label> </p> </form> <form method="post" action="traitement.php"> <p> <label for="pays">Dans quel pays habitez-vous ?</label><br /> <select name="pays" id="pays"> <optgroup label="Europe"> <option value="france">France</option> <option value="espagne">Espagne</option> <option value="italie">Italie</option> <option value="royaume-uni">Royaume-Uni</option> </optgroup> <optgroup label="Amérique"> <option value="canada">Canada</option> <option value="etats-unis">Etats-Unis</option> </optgroup> <optgroup label="Asie"> <option value="chine">Chine</option> <option value="japon">Japon</option> </optgroup> </select> </p> </form> <form method="post" action="traitement.php"> <p> <label for="nom">Quel est votre nom ?</label><br /> <input type="text" name="nom" id="nom" tabindex="10" /><br /> <label for="prenom">Quel est votre prénom ?</label><br /> <input type="text" name="prenom" id="prenom" tabindex="20" /><br /> <label for="email">Quel est votre e-mail ?</label><br /> <input type="text" name="email" id="email" tabindex="30" /><br /> <label for="recherche">Que recherchez-vous sur ce site ? <em>(raccourci : R)</em></label><br /> <input type="text" name="recherche" id="recherche" tabindex="30" accesskey="R" /> </p> </form> <form method="post" action="traitement.php"> <fieldset> <legend>Vos coordonnées</legend> <!-- Titre du fieldset --> <label for="nom">Quel est votre nom ?</label><br /> <input type="text" name="nom" id="nom" tabindex="10" /><br /> <label for="prenom">Quel est votre prénom ?</label><br /> <input type="text" name="prenom" id="prenom" tabindex="20" /><br /> <label for="email">Quel est votre e-mail ?</label><br /> <input type="text" name="email" id="email" tabindex="30" /><br /> </fieldset> <fieldset> <legend>Votre souhait</legend> <!-- Titre du fieldset --> <p> Faites un souhait que vous voudriez voir exaucé :<br /> <input type="radio" name="souhait" value="riche" id="riche" tabindex="40" /> <label for="riche">Etre riche</label><br /> <input type="radio" name="souhait" value="celebre" id="celebre" tabindex="50" /> <label for="celebre">Etre célèbre</label><br /> <input type="radio" name="souhait" value="intelligent" id="intelligent" tabindex="60" /> <label for="intelligent">Etre <strong>encore</strong> plus intelligent</label><br /> <input type="radio" name="souhait" value="autre" id="autre" tabindex="70" /> <label for="autre">Autre...</label><br /> </p> <p> <label for="precisions">Si "Autre", veuillez préciser :</label><br /> <textarea name="precisions" id="precisions" cols="40" rows="4" tabindex="80"></textarea> </p> </fieldset> </form> <p> <input type="submit" /> <input type="reset" /> </p> </form> <form m<form method="post" action="traitement.php"> <p> <label for="pseudo">Votre pseudo :</label> <input type="text" name="pseudo" id="pseudo" value="freebox67" /> <br /> <label for="pass">Votre mot de passe :</label> <input type="password" name="pass" id="pass" /> </p> </body> </html>
J'ai pas regardé tout le code, mais il reste encore pas mal à faire ^^' mais c'est toujours mieux lol, mais après je n'ai pas tes images donc je c'est pas si tes "lignes" bizares viennent de là... :S
freebox67
Messages postés
278
Date d'inscription
vendredi 8 août 2008
Statut
Membre
Dernière intervention
16 octobre 2008
31
23 sept. 2008 à 18:24
23 sept. 2008 à 18:24
est-ce que tu pourrais m'aidé pour mon site