Probleme site.mettre en place le corp en css
yo37
Messages postés
115
Date d'inscription
Statut
Membre
Dernière intervention
-
yo37 Messages postés 115 Date d'inscription Statut Membre Dernière intervention -
yo37 Messages postés 115 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je créer un site internet et je n'arrive pas a mettre, le corp de ma page en place, le texte se met sous mon menu et non a coté.
dans le css:
#corps
{
width: 500px;
margin-left: 280px;
margin-bottom: 20px;
padding: 20px;
color: yellow;
background-repeat: repeat-x;
float: center;
border: 2px solid white;
}
dans le html:
<div id="corps">
<h1> le texte qui ne veu pas se mettre a coté au centre de ma page</h1>
</div>
je créer un site internet et je n'arrive pas a mettre, le corp de ma page en place, le texte se met sous mon menu et non a coté.
dans le css:
#corps
{
width: 500px;
margin-left: 280px;
margin-bottom: 20px;
padding: 20px;
color: yellow;
background-repeat: repeat-x;
float: center;
border: 2px solid white;
}
dans le html:
<div id="corps">
<h1> le texte qui ne veu pas se mettre a coté au centre de ma page</h1>
</div>
A voir également:
- Probleme site.mettre en place le corp en css
- [Arobase] à la place de @ ✓ - Forum Windows
- Ø ce symbole à la place de l'arobase - Forum MacOS
- Simulation place accor hotel arena - Forum Loisirs / Divertissements
- Peut on aller en fosse avec une place assise ✓ - Forum Loisirs / Divertissements
- Place assise non numerotee vers fosse - Forum Loisirs / Divertissements
3 réponses
merci pr le lien mais je ne trouve toujours pas mon erreur!!! mon corp se positionne au centre mais en dessou du menu!! pourquoi???
c mon css:
p
{
color: yellow;
font-size: large;
} h1
{
margin: 0px;
color: yellow;
font-size: large;
font-family: "Times New Roman", "Arial Black", Arial, Verdana, serif;
}
body
{
background-image: url("copeaux.jpg");
background-repeat: no-repeat; /
background-position: top right; /
background-attachment: fixed; /
width: 760px;
margin: auto; /
margin-top: 20px; /
margin-bottom: 20px;
}
#menu
{
float: left;
width: 220px;
}
.element_menu
{
padding: 0px;
padding-left: 0px;
margin: 0px;
margin-bottom: 5px;
background-color: none;
background-repeat: repeat-x;
border: 2px solid white;
margin-bottom: 20px;
}
#corps
{
width: 500px;
margin-left: 280px;
margin-bottom: 20px;
padding: 20px;
color: yellow;
background-repeat: repeat-x;
float: center;
border: 2px solid white;
}
h2
{
color: yellow;
font-size: x-large;
font-family: Verdana, "Times New Roman", "Arial Black", Arial, Verdana, serif;
text-align: center;
text-decoration: none;
}
.surligne
{
background-color: yellow;
color: black;
} h3
{
color: yellow;
font-size: x-large;
font-family: Verdana, "Times New Roman", "Arial Black", Arial, Verdana, serif;
text-align: center;
text-decoration: none;
}
a
{
text-decoration: none;
color: yellow;
font-style: none;
} h1:hover
{
text-decoration: underline;
}
sa c mon html:
<!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>AIM France Applications Industrielles Mécaniques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>
<body>
<div id="en_tete">
<h2><img src="logoaim.jpg" alt="logo" /></h2><p><h2>APPLICATIONS INDUSTRIELLES MECANIQUES</h2></p> <p>Mécanique générale</p><p> Chaudronnerie</p>
<p>Maintenance industrielle</p>
<p>Produits de transmissions</p>
</div>
<div id="menu">
<div class="element_menu">
<ul><h1><a href="pagesavoirfaire"><li>Un savoir-faire</li><img src="2-3.jpg" alt="photo1" /></a></h1>
<h1><br />
<a href="pagechoisiraim"><li>Pourquoi choisir AIM?</li><img src="copeauxpetit.jpg" alt="copeaux" /></a></h1>
<h1><a href="pagecontact"><li> Contact</li></a></h1></ul>
</div>
<div id="corps">
<h1>texte</h1>
</div>
<div id="pied_de_page">
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
</div>
</body>
</html>
</body>
</html>
merci pr votre aide....
c mon css:
p
{
color: yellow;
font-size: large;
} h1
{
margin: 0px;
color: yellow;
font-size: large;
font-family: "Times New Roman", "Arial Black", Arial, Verdana, serif;
}
body
{
background-image: url("copeaux.jpg");
background-repeat: no-repeat; /
background-position: top right; /
background-attachment: fixed; /
width: 760px;
margin: auto; /
margin-top: 20px; /
margin-bottom: 20px;
}
#menu
{
float: left;
width: 220px;
}
.element_menu
{
padding: 0px;
padding-left: 0px;
margin: 0px;
margin-bottom: 5px;
background-color: none;
background-repeat: repeat-x;
border: 2px solid white;
margin-bottom: 20px;
}
#corps
{
width: 500px;
margin-left: 280px;
margin-bottom: 20px;
padding: 20px;
color: yellow;
background-repeat: repeat-x;
float: center;
border: 2px solid white;
}
h2
{
color: yellow;
font-size: x-large;
font-family: Verdana, "Times New Roman", "Arial Black", Arial, Verdana, serif;
text-align: center;
text-decoration: none;
}
.surligne
{
background-color: yellow;
color: black;
} h3
{
color: yellow;
font-size: x-large;
font-family: Verdana, "Times New Roman", "Arial Black", Arial, Verdana, serif;
text-align: center;
text-decoration: none;
}
a
{
text-decoration: none;
color: yellow;
font-style: none;
} h1:hover
{
text-decoration: underline;
}
sa c mon html:
<!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>AIM France Applications Industrielles Mécaniques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>
<body>
<div id="en_tete">
<h2><img src="logoaim.jpg" alt="logo" /></h2><p><h2>APPLICATIONS INDUSTRIELLES MECANIQUES</h2></p> <p>Mécanique générale</p><p> Chaudronnerie</p>
<p>Maintenance industrielle</p>
<p>Produits de transmissions</p>
</div>
<div id="menu">
<div class="element_menu">
<ul><h1><a href="pagesavoirfaire"><li>Un savoir-faire</li><img src="2-3.jpg" alt="photo1" /></a></h1>
<h1><br />
<a href="pagechoisiraim"><li>Pourquoi choisir AIM?</li><img src="copeauxpetit.jpg" alt="copeaux" /></a></h1>
<h1><a href="pagecontact"><li> Contact</li></a></h1></ul>
</div>
<div id="corps">
<h1>texte</h1>
</div>
<div id="pied_de_page">
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
</div>
</body>
</html>
</body>
</html>
merci pr votre aide....
<div id="en_tete">
<h2><img src="logoaim.jpg" alt="logo" /></h2><p><h2>APPLICATIONS INDUSTRIELLES MECANIQUES</h2></p> <p>Mécanique générale</p><p> Chaudronnerie</p>
<p>Maintenance industrielle</p>
<p>Produits de transmissions</p>
</div>
<div id="menu">
<div class="element_menu">
<ul><h1><a href="pagesavoirfaire"><li>Un savoir-faire</li><img src="2-3.jpg" alt="photo1" /></a></h1>
<h1><br />
<a href="pagechoisiraim"><li>Pourquoi choisir AIM?</li><img src="copeauxpetit.jpg" alt="copeaux" /></a></h1>
<h1><a href="pagecontact"><li> Contact</li></a></h1></ul>
</div>
<div id="corps">
<h1>texte</h1>
</div>
comme cela??
sa ne fonctionne pas.
est ce que tu pourai me donner se que je doi mettre exactement?