Problème Page internet
live-ordina13
Messages postés
418
Statut
Membre
-
live-ordina13 Messages postés 418 Statut Membre -
live-ordina13 Messages postés 418 Statut Membre -
Bonjour,
en ce moment j'append le tutoriel du site du zéro "xHTML et CSS" , j'en suis actuellement au TP final mais quand je décale le corps de la page à droite du menu le corps ne vient pas se mettre à côté du menu mais reste en dessous, est ce normal ?
voici le site web pour un apperçu visuel : http://carmisprod.olympe-network.com/
voici le code xHTML :
<!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>Carmi's Prod, le site officiel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mécanique" href="style/css.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu"><h3>Titre du menu 1</h3> <br/>
<ul> <li><a href="page1.html">Lien 1</a></li>
<li><a href="page2.html">Lien 2</a></li>
<li><a href="page3.html">Lien 3</a></li>
</ul>
</div>
<div class="element_menu"><h3>Texte du menu 2</h3><br/>
<ul> <li><a href="page4.html">Lien 1</a></li>
<li><a href="page5.html">Lien 2</a></li>
<li><a href="page6.html">Lien 3</a></li>
</ul>
<a href="http://www6.gratuit-domaine.com/?tdfs=1&searchbox=1&showDomain=1"><img src="https://d39f23jfph0ylk.cloudfront.net/gratuit-domaine.com.gif"></a>
</div>
<div id="corps">
<h1>Mon super site</h1>
<p>Bienvenue sur mon super site !<br />
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D
</p>
<h2>A qui s'adresse ce site</h2>
<p>Ce site s'adresse au passionné de croquettes qui en ont marre que leur chien mange du canigout ou je ne sais trop quoi ! Vous ne trouverez sur ce site que des croquettes bios permettant à votre chien de bien grandir
</p>
<h2>L'auteur</h2>
<p>L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
</div>
<div id="pied_de_page">
<p>Copyright "Carmi's Prod" 2008, tous droits réservés</p>
</div>
</body>
</html>
et voici le code CSS :
body
{
width: 525px;
background-repeat: no-repeat;
margin: auto;
margin-top: 20px;
margin-bottom: 60px;
height= 107px;
}
/* L'en-tête */
#en_tete
{
width: 760px;
height: 100px;
background-image: url("../images/carmis2.png");
background-repeat: no-repeat;
margin-bottom: 50px;
margin: auto;
}
/* Le menu */
#menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px 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("images/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;
}
#corps
{
margin-left:140px;
margin-bottom: 20px;
padding: 5px;
width: 760px;
color: #B3B3B3;
background-color: #626262;
border: 2px 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("images/titre.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("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
}
merci à ce qui me diront d'où provient le problème.
en ce moment j'append le tutoriel du site du zéro "xHTML et CSS" , j'en suis actuellement au TP final mais quand je décale le corps de la page à droite du menu le corps ne vient pas se mettre à côté du menu mais reste en dessous, est ce normal ?
voici le site web pour un apperçu visuel : http://carmisprod.olympe-network.com/
voici le code xHTML :
<!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>Carmi's Prod, le site officiel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mécanique" href="style/css.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu"><h3>Titre du menu 1</h3> <br/>
<ul> <li><a href="page1.html">Lien 1</a></li>
<li><a href="page2.html">Lien 2</a></li>
<li><a href="page3.html">Lien 3</a></li>
</ul>
</div>
<div class="element_menu"><h3>Texte du menu 2</h3><br/>
<ul> <li><a href="page4.html">Lien 1</a></li>
<li><a href="page5.html">Lien 2</a></li>
<li><a href="page6.html">Lien 3</a></li>
</ul>
<a href="http://www6.gratuit-domaine.com/?tdfs=1&searchbox=1&showDomain=1"><img src="https://d39f23jfph0ylk.cloudfront.net/gratuit-domaine.com.gif"></a>
</div>
<div id="corps">
<h1>Mon super site</h1>
<p>Bienvenue sur mon super site !<br />
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D
</p>
<h2>A qui s'adresse ce site</h2>
<p>Ce site s'adresse au passionné de croquettes qui en ont marre que leur chien mange du canigout ou je ne sais trop quoi ! Vous ne trouverez sur ce site que des croquettes bios permettant à votre chien de bien grandir
</p>
<h2>L'auteur</h2>
<p>L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
</div>
<div id="pied_de_page">
<p>Copyright "Carmi's Prod" 2008, tous droits réservés</p>
</div>
</body>
</html>
et voici le code CSS :
body
{
width: 525px;
background-repeat: no-repeat;
margin: auto;
margin-top: 20px;
margin-bottom: 60px;
height= 107px;
}
/* L'en-tête */
#en_tete
{
width: 760px;
height: 100px;
background-image: url("../images/carmis2.png");
background-repeat: no-repeat;
margin-bottom: 50px;
margin: auto;
}
/* Le menu */
#menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px 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("images/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;
}
#corps
{
margin-left:140px;
margin-bottom: 20px;
padding: 5px;
width: 760px;
color: #B3B3B3;
background-color: #626262;
border: 2px 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("images/titre.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("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
}
merci à ce qui me diront d'où provient le problème.
A voir également:
- Problème Page internet
- Supprimer page word - Guide
- Comment traduire une page internet - Guide
- Gps sans internet - Guide
- Mon pc rame sur internet - Guide
- Complete internet repair - Télécharger - Web & Internet
