28220 sujets

CSS et mise en forme, CSS3

Utilisation des include

rebonjour, je sollicte à nouveau votre aide, comme vous me l'avait conseillé j'ai lu les tutos sur les includes, j'ai sui exactement les memes instructions mais je n'ai pas la présentation voulue
mon message va etre long mais je prefere quand meme mettre les codes pour que vous puissiez mieux comprendre
code de style.css

/* CSS issu des tutoriels  www.alsacreations.com/articles  */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
height: 100%;
}
#header {/*partie haut*/
height: 90px;
background-color: #FFFFFF;
}
#haut {/*partie du menu*/
height: 40px;
background-color:#CCCCFF;
margin-left: 40px;


}
#conteneur {/*la page*/
position: absolute;
width: 100%;
height: 100%;
background-color:#CCCCFF;

}
#centre {/*partie centrale*/
background-color:#FFFFFF;
margin-left: 160px;
margin-right: 160px;
height: 100%;
}
#gauche {
position: absolute;
left:0;
width: 150px;
margin-left: 10px;
}
#droite {
position: absolute;
right:0;
width: 150px;
}

.menuhaut {
list-style-type: none;
margin: 20;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: none;

}
.menuhaut a:hover {
text-decoration: blink;
color: #FFFFFF;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 12px;
color: #000000;
text-decoration:none;

}


.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}

.menudroit li {
margin-bottom: 5px;
}

.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}


code de menu_gauche.php

<style type="text/css">
@import url("style6.css");
</style>
<ul class="menugauche">
			<li><a href="">Menu 1</a></li>
			<li><a href="">Menu 2</a></li>
			<li><a href="">Menu 3</a></li>
			<li><a href="">Menu 4</a></li>

code menudroit.php

<style type="text/css">
@import url("style6.css");
</style>
<ul class="menudroit">
			<li><a href="">Menu 1</a></li>
			<li><a href="">Menu 2</a></li>
			<li><a href="">Menu 3</a></li>
			<li><a href="">Menu 4</a></li>
			</ul>

code de menu haut.php

<style type="text/css">
@import url("style6.css");
</style>
<ul class="menugauche">
			<li><a href="">Menu 1</a></li>
			<li><a href="">Menu 2</a></li>
			<li><a href="">Menu 3</a></li>
			<li><a href="">Menu 4</a></li>
			</ul>

code de index.php

<style type="text/css">
@import url
("style6.css");

</style>

<div class="haut" >
<?php 
  include('menu_haut.php');  // Nous appelons l'entete du site
?>
</div>
<div class="gauche" >
<?php 
  include('menu_gauche.php');   // Nous appelons notre menu
?>
</div>

<div class="droit" >
<?php 
  include('menu_droit.php');   // Nous appelons notre menu
?>
</div>
<div class="centre">
<?php 
  include($_GET['page'].'.php');   // Nous appelons le contenu central de la page
?>
</div>


merci pour toutes vos réponses à mes questions des fois enquiquinant si je peux le dire des fois
</ul>
oula pour quoi tu déclare ça partout !!!
<style type="text/css">
@import url
("style6.css");

</style>


ton entete doit ressemeblé à ca en principe (extrait de mon haut.php que j'include dans chaque page) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>
  <title><? echo $titre; ?></title>
  <meta name="title" content="Site de l'association pres" />
  <meta name="keywords" content="presol, pres, rennes" />
  <meta name="author" content="NemoHP" />
  <meta name="revisit-after" content="5 days" />
  <meta name="identifier-url" content="http://www.presol.org" />
  <meta name="robots" content="all" />
  <meta http-equiv="pragma" content="no-cache" />
  <meta http-equiv="content-language" content="fr" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!--  <link rel="stylesheet" type="text/css" href="./css/style.css" />  pas utile si import-->

  <style type="text/css">
      @import url(./css/style.css);
  </style>
  <script src="./js/index.js" type="text/javascript"></script>
</head>

<body>

  <div id="conteneur">

    <div id="entete">
      <img id="logo" src="./images/presol_logo.png" alt="PRESOL" title="PRESOL" />
      <h1>Financement solidaire et accompagnement<br/>à la création d'entreprises sur le Pays de Rennes</h1>
      <hr class="spacer" />
    </div>

    <div id="centre">
Tu n'as pas besoin d'appeler ta feuille de style dans chaque include, tu ne l'appelle qu'une fois dans l'entete de ton index.php.

grillé Smiley biggrin
Modifié par Igor (17 Mar 2005 - 16:38)
merci mais haut.php n'est rien d'autre que le menu du site ou il accueil, contact........
le smeta je l'ai ferai apres
<script src="./js/index.js" type="text/javascript"></script>
pourqoui tu as besoin de le mettre
merci?
ben c'est son site, s'il a besoin d'importer du javascript .... Smiley confus


par contre concernant ton utilisation de php, je pense que tu devrais te tourner vers un système de template comme celui de php lib par exemple...

parce que du "beau" php ça ne consiste pas à imbriquer par ci par là des <?php
....
?>

fait une recherche sur "template" dans google
Smiley smile
Les fichiers inclus n'ont pas non plus besoin d'avoir l'extension .php. Pour être plus logique seul tes fichiers contenant du code PHP à éxécuter devrait porter l'extension .php, les autres pouvant se terminer en .htm, .html, .txt, .inc, etc... bref une extension en rapport avec ce que les fichiers contiennent vraiment.

Les fichiers appellés et qui sont obligatoires pour l'affichage du site devraient l'être par la fonction require() et non include(). C'est en gros la même fonctionnalité sauf que require stop l'execution du script si le fichier n'est pas trouvé et renvoi un erreur (booleen false). Par exemple pour appeler ton menu de navigation.
merci pour toutes vos réponses, mais je n'obtiens[ toujours pas la présentation que je veux
voici ma page index.php peut avec son code ça sera plus clair pour vous
les page menu_gauche, droit, haut et style6.css sont les memes que celles du message précédent mais j'ai quand meme enlevé l'appelle de style6.css 

<style type="text/css">
@import url
("style6.css");

</style>
<div class="conteneur" >
<?php 
  include('page_conteneur.php');  // 
?>
</div>
<div class="header" >
<?php 
  include('menu_header.php');  // 
?>
</div>

<div class="haut" >
<?php 
  include('menu_haut.php');  //
?>
</div>
<div class="gauche" >
<?php 
  include('menu_gauche.php');   // 
?>
</div>

<div class="centre">
<?php 
  include($_GET['page'].'.php');   //
?>
</div> 

<div class="droit" >
<?php 
  include('menu_droit.php');   // 
?>
</div>
Sujet clos
Aller à