Problème avec le corps de ma page... ?
Résolu
lilio93
-
lilio93 -
lilio93 -
Bonsoir,
Je suis entrain d'apprendre à créer un site en html/css et php... J'ai réussi à créer en tete, le corps de la page, les menus. Mais, le corps de la page se trouve coller au menu droit et aussi trop éloigné au menu gauche. Voici les codes que j'ai tapé:
enregistrer sous pied_de_page.php
<div id="pied_de_page">
<p>Copyright moi, tous droits réservés</p>
</div>
</body>
</html>
enregistrer sous menus.php
<div id="menu">
<div class="menu_droite">
<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="menu_gauche">
<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>
voici la programmation en css
.corps {
background-color: #CC33CC;
margin-left: 210px;
margin-right: 210px;
height: 800px;
}
#corps
{
margin-left: 240px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
}
.menu_droite {
background-color: #FFCC66;
width: 120px;
height: 300px;
float: right;
}
.menu_gauche {
height: 300px;
width: 120px;
background-color: #FFCCCC;
float: left;
}
Je pense que c'est un problème de taille ?
Merci d'avance et bonne soirée
Je suis entrain d'apprendre à créer un site en html/css et php... J'ai réussi à créer en tete, le corps de la page, les menus. Mais, le corps de la page se trouve coller au menu droit et aussi trop éloigné au menu gauche. Voici les codes que j'ai tapé:
enregistrer sous pied_de_page.php
<div id="pied_de_page">
<p>Copyright moi, tous droits réservés</p>
</div>
</body>
</html>
enregistrer sous menus.php
<div id="menu">
<div class="menu_droite">
<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="menu_gauche">
<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>
voici la programmation en css
.corps {
background-color: #CC33CC;
margin-left: 210px;
margin-right: 210px;
height: 800px;
}
#corps
{
margin-left: 240px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
}
.menu_droite {
background-color: #FFCC66;
width: 120px;
height: 300px;
float: right;
}
.menu_gauche {
height: 300px;
width: 120px;
background-color: #FFCCCC;
float: left;
}
Je pense que c'est un problème de taille ?
Merci d'avance et bonne soirée
A voir également:
- Problème avec le corps de ma page... ?
- Impossible de supprimer une page word - Guide
- Faire de google ma page d'accueil - Guide
- Numéro de page word - Guide
- Imprimer tableau excel sur une page - Guide
- Bordure de page word - Guide