Bonjour à tous,
Je suis débutant dans la programmation PHP et le développement en HTML et CSS. Je m'occupe de la création d'un site internet pour une amie psychologue qui voudrait avoir sa vitrine sur le web.
Je fais face à un petit soucis au niveau des marges de l'entête de ma page. Celles-ci sont à zéro mais lorsque j'utilise PHP pour inclure le menu que je veux mettre dans une page séparée, la marge supérieur revient.
Pouvez-vous me dire ce qui cloche ?
En vous remerciant.
Bien à vous !
------------
index.php
style.css
menu.inc.php
Le problème est bien lorsque j'utilise <?php include('menu.inc.php')?> la marge supérieure apparaît et lorsque le menu est directement intégré dans index.php, le problème disparaît.
Modifié par destroydaworld (12 Jan 2013 - 14:38)
Je suis débutant dans la programmation PHP et le développement en HTML et CSS. Je m'occupe de la création d'un site internet pour une amie psychologue qui voudrait avoir sa vitrine sur le web.
Je fais face à un petit soucis au niveau des marges de l'entête de ma page. Celles-ci sont à zéro mais lorsque j'utilise PHP pour inclure le menu que je veux mettre dans une page séparée, la marge supérieur revient.
Pouvez-vous me dire ce qui cloche ?
En vous remerciant.
Bien à vous !
------------
index.php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Juliette Courma - psychologue</title>
</head>
<body>
<?php
include('menu.inc.php');
?>
<div id="corps">
<h3>Bienvenue sur mon site internet</h3>
<br/>
<br/>
<p><img src="img/piscine.png" alt="Homme au bord d'une piscine en forme de crâne" width="247" class="imageFlottante" />Lorem ipsum dolor sit amet, consectutuer adipiscing elit. Donec vitae lorem imperdiet lacus molestie molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eu purus. Phasellus metus lorem, blandit et, posuere quis, tinidunt vitae, ante. Vivamus consequat mauris a diam. Vivamus nibh erat, hendrerit nec, aliquet ut, hendrerit quis, nunc. Vestibulums et turpis et elit tempor eusimod. Lorem ipsum dolor sit amet, consectutuer adipiscing elit. Donec vitae lorem imperdiet lacus molestie molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eu purus..</p>
</div>
</body>
</html>
style.css
*
{
font-family: Georgia, Trebuchet MS, Verdana, sans-serif;
padding: 0;
margin: 0;
border-width: 0px;
border-style: solid;
}
#entete
{
border-width: 0px;
border-style: solid;
background-image: url('img/fond.png');
height: 220px;
width: 100%;
}
.titre
{
border-width: 0px;
border-style: solid;
padding-top: 20px;
padding-left: 10px;
padding-right: 0px;
font-size: xx-large;
color: white;
font-weight: bold;
text-indent: 0px;
}
.menu
{
border-width: 0px;
border-style: solid;
float: left;
margin-left: 5px;
margin-right: 30px;
margin-top: 135px;
padding-top: 5px;
width: 110px;
height: 31px;
text-align: center;
font-size: normal;
background-image: url('img/button.png');
}menu.inc.php
<div id="entete">
<p class="titre">Juliette Courma : psychologue, psychotérapeute</p>
<div class="menu"><a href="index.php">Accueil</a></div>
<div class="menu"><a href="diplomes.php">Diplômes</a></div>
<div class="menu"><a href="experience.php">Expérience</a></div>
<div class="menu"><a href="publications.php">Publications</a></div>
<div class="menu"><a href="coordonnees.php">Coordonnées</a></div>
</div>Le problème est bien lorsque j'utilise <?php include('menu.inc.php')?> la marge supérieure apparaît et lorsque le menu est directement intégré dans index.php, le problème disparaît.
Modifié par destroydaworld (12 Jan 2013 - 14:38)
