Problème menu, help svp !!
darkchristophetd
Messages postés
1100
Date d'inscription
Statut
Contributeur
Dernière intervention
-
darkchristophetd Messages postés 1100 Date d'inscription Statut Contributeur Dernière intervention -
darkchristophetd Messages postés 1100 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'ai un problème avec mon menu :
Allez voir cette image : http://www.hebergementimages.com/images/1216487032_probleme-menu.jpg
vous voyez que le corps de mon menu ne se met que à partir du bas du corps (là où il y a marqué "test")
Comment faire pour qu'il se mette au même niveau (si vous voyez ce que je veut dire)
voici mon code css :
body
{
background-color: #E8F0F4;
}
/*.titremenun
{
border: 2px #000000 solid ;
width: 16%;
margin-top: 100px;
background-color: #E8E8E8;
width: 200px;
}*/
.menu
{
background-color: #E8E8E8;
width: 200px;
height: 800px;
border: 2px #000000 solid;
margin-top: 40px;
margin-bottom:56px;
margin-left: 10px;
}
.entete
{
margin-top: 0px;
margin-left: 100px;
}
a
{
color: BLack;
text-decoration: none;
}
.piedpage
{
background-color: #E8E8E8;
margin-top: 100%;
text-align: center;
border: 2px #000000 solid;
margin-bottom: 0px;
}
.infosdujour
{
border: 1px #000000 solid ;
background-color: #E8E8E8;
}
li
{
text-decoration: none;
}
li:hover
{
text-decoration: underline;
}
ul
{
font-size: 28px;
}
.corps
{
border: 1px #000000 solid;
background-color: #E8E8E8;
margin-left: 230px ;
margin-top: 100px;
height: 1000px;
width: 900px;
}
et mon html/php
<!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>Site de la programmation du web - Accueil</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="allure.css">
<META NAME="keywords" CONTENT="HTML, PHP/Mysql, apprendre le php/mysql, apprendre le html, apprendre le css, programmer pour le web, créer un site internet, CSS, cascading sheet file">
<META NAME="description" CONTENT="Page d'accueil de programmation du web, site pour apprendre la programmation du web à partir de zéro.">
<META NAME="author" CONTENT="Christophe TAFANI-DEREEPER">
<META NAME="Generator" CONTENT="Notepad++">
<META HTTP-EQUIV="Content-language" CONTENT="fr">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<?php
include("infos.php");
include("entete.php");
?>
<div class="corps">
<h1>Test</h1><br><br>
Ceci est un test<br><br><br>
</div>
<?php
include("menu.php");
include("piedpage.php");
?>
</body>
</html>
Merci bcp
J'ai un problème avec mon menu :
Allez voir cette image : http://www.hebergementimages.com/images/1216487032_probleme-menu.jpg
vous voyez que le corps de mon menu ne se met que à partir du bas du corps (là où il y a marqué "test")
Comment faire pour qu'il se mette au même niveau (si vous voyez ce que je veut dire)
voici mon code css :
body
{
background-color: #E8F0F4;
}
/*.titremenun
{
border: 2px #000000 solid ;
width: 16%;
margin-top: 100px;
background-color: #E8E8E8;
width: 200px;
}*/
.menu
{
background-color: #E8E8E8;
width: 200px;
height: 800px;
border: 2px #000000 solid;
margin-top: 40px;
margin-bottom:56px;
margin-left: 10px;
}
.entete
{
margin-top: 0px;
margin-left: 100px;
}
a
{
color: BLack;
text-decoration: none;
}
.piedpage
{
background-color: #E8E8E8;
margin-top: 100%;
text-align: center;
border: 2px #000000 solid;
margin-bottom: 0px;
}
.infosdujour
{
border: 1px #000000 solid ;
background-color: #E8E8E8;
}
li
{
text-decoration: none;
}
li:hover
{
text-decoration: underline;
}
ul
{
font-size: 28px;
}
.corps
{
border: 1px #000000 solid;
background-color: #E8E8E8;
margin-left: 230px ;
margin-top: 100px;
height: 1000px;
width: 900px;
}
et mon html/php
<!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>Site de la programmation du web - Accueil</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="allure.css">
<META NAME="keywords" CONTENT="HTML, PHP/Mysql, apprendre le php/mysql, apprendre le html, apprendre le css, programmer pour le web, créer un site internet, CSS, cascading sheet file">
<META NAME="description" CONTENT="Page d'accueil de programmation du web, site pour apprendre la programmation du web à partir de zéro.">
<META NAME="author" CONTENT="Christophe TAFANI-DEREEPER">
<META NAME="Generator" CONTENT="Notepad++">
<META HTTP-EQUIV="Content-language" CONTENT="fr">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<?php
include("infos.php");
include("entete.php");
?>
<div class="corps">
<h1>Test</h1><br><br>
Ceci est un test<br><br><br>
</div>
<?php
include("menu.php");
include("piedpage.php");
?>
</body>
</html>
Merci bcp
Configuration: Windows XP Internet Explorer 6.0
10 réponses
-
essaye ca:
.menu
{
background-color: #E8E8E8;
width: 200px;
height: 800px;
border: 2px solid #000000;
position:absolute;
left:10px;
top:100px;
}
.corps
{
border: 1px #000000 solid;
background-color: #E8E8E8;
margin-left: 40px;
height: 1000px;
position:absolute;
left:230px;
top:100px;
height:1000px;
width: 900px;
} -
moi il me met carrement page web introuvable topn lien est pas bon dsl
-
désolé voici le bon http://www.hebergementimages.com/images/1216487032_probleme-menu.jpg
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Pourrai tu etre un peu plus clair stp, je ne comprend pas vraiment ce que tu veux ;-)
-
-
Salut !
merci pour vos réponses.
Je voudrais en fait que le haut de mon menu et le haut de mon corps soient au même niveau.
Alors que actuellement, le haut de mon menu est au niveau du bas de mon corps. -
difficile a comprendre tu ne texplique peu etre pas bien
-
Re regarde l'image :
Il y a un menu dans lequel est marqué 'Tutoriels
Html
CSS
Php/MySQL
et le haut de ce menu est au même niveau que le bas du "corps"(partie dans laquelle il y a marqué : Test
Ceci est un Test)
Tu as compris ? :) -
Merci bcp c'est exactement ça !!!!!!
